注册的三个场景12个页面

src/projects/home/views/Register/Business/Step1.vue

@@ -1,8 +1,37 @@
 <template>
+<div>
+   <header class="mui-bar mui-bar-nav">
+			<h1 class="mui-title">注册</h1>
+			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
+		</header>
+		<div class="mui-content margin60">
+			<div class="mui-content-padded">
+				<h5>该号码尚未注册，正在为您注册新的身份：</h5>
+			</div>
+			<div class="mui-content-padded vongi-editme vongi-qingjiadt">
+				<form class="mui-input-group">
+					<div class="mui-input-row">
+						<label>选择行业</label>
+						<button class="mui-btn mui-btn-block mui-navigate-right" type='button' style="width:50%">
+							工厂园区
+						</button>
+					</div>
+					<div class="mui-input-row">
+						<label>您的单位</label>
+						<button class="mui-btn mui-btn-block mui-navigate-right" type='button' style="width:50%">
+							请选择
+						</button>
+					</div>
+				</form>
+			</div>
+		</div>
+</div>
 </template>
 
 <script>
 </script>
 
+<style scoped src="$project/assets/css/xpwyfyy.css"></style>
+<style src="$project/assets/css/iconfont.css"></style>
 <style>
 </style>

src/projects/home/views/Register/Business/Step2.vue

@@ -1,8 +1,46 @@
 <template>
+<div>
+    <header class="mui-bar mui-bar-nav">
+			<h1 class="mui-title">选择单位</h1>
+			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
+		</header>
+		<div class="mui-content vongi-xzdw">
+			<div class="mui-content-padded vongi-xzdw-search">
+				<input type="search" placeholder="请输入姓名">
+				<span class="mui-icon mui-icon-search"></span>
+			</div>
+			<div class="mui-content-padded fyy-date mui-clearfix">
+				<h5>荆州市</h5>
+			</div>
+			<div class="mui-row mui-fullscreen vongi-xzdw-city">
+				<div class="mui-col-xs-3">
+					<div class="mui-segmented-control mui-segmented-control-inverted mui-segmented-control-vertical">
+						<a class="mui-control-item mui-active" href="">荆州市</a>
+						<a class="mui-control-item" href="">荆州市</a>
+						<a class="mui-control-item" href="">荆州市</a>
+						<a class="mui-control-item" href="">荆州市</a>
+					</div>
+				</div>
+				<div class="mui-col-xs-9">
+					<div class="mui-control-content">
+						<ul class="mui-table-view">
+							<li class="mui-table-view-cell">市辖区</li>
+							<li class="mui-table-view-cell">市辖区</li>
+							<li class="mui-table-view-cell">市辖区</li>
+							<li class="mui-table-view-cell">市辖区</li>
+						</ul>
+					</div>
+				</div>
+			</div>
+		</div>
+</div>
 </template>
 
 <script>
 </script>
 
+<style scoped src="$project/assets/css/xpwyfyy.css"></style>
+<style scoped src="$project/assets/css/sczpfyy.css"></style>
+<style src="$project/assets/css/iconfont.css"></style>
 <style>
 </style>

src/projects/home/views/Register/Business/Step3.vue

@@ -1,8 +1,45 @@
 <template>
+<div>
+   <header class="mui-bar mui-bar-nav">
+			<h1 class="mui-title">注册</h1>
+			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
+		</header>
+		<div class="mui-content">
+			<div class="mui-content-padded vongi-qingjiadt">
+				<form class="mui-input-group">
+					<div class="mui-input-row">
+						<label>您的单位</label>
+						<span>湖北荆鹏软件集团有限公司</span>
+					</div>
+					<div class="mui-input-row">
+						<label>您的身份</label>
+						<span>员工</span>
+					</div>
+				</form>
+			</div>
+			<div class="mui-content-padded vongi-qingjiadt">
+				<form class="mui-input-group">
+					<div class="mui-input-row">
+						<label>所属部门</label>
+						<button class="mui-btn mui-btn-block mui-navigate-right mui-ellipsis" type='button' style="width:65%">
+							信息工程中心
+						</button>
+					</div>
+				</form>
+			</div>
+			<div class="vongi-btn vongi-login-btn">
+				<button class="mui-btn mui-btn-primary ">
+						下一步
+					</button>
+			</div>
+		</div>
+</div>
 </template>
 
 <script>
 </script>
 
+<style scoped src="$project/assets/css/xpwyfyy.css"></style>
+<style src="$project/assets/css/iconfont.css"></style>
 <style>
 </style>

src/projects/home/views/Register/Business/Step4.vue

@@ -1,8 +1,61 @@
 <template>
+<div>
+   <header class="mui-bar mui-bar-nav">
+			<h1 class="mui-title">注册</h1>
+			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
+		</header>
+		<div class="mui-content">
+			<div class="mui-content-padded vongi-qingjiadt">
+				<form class="mui-input-group">
+					<div class="mui-input-row">
+						<label>单位</label>
+						<span>湖北荆鹏软件集团有限公司</span>
+					</div>
+					<div class="mui-input-row">
+						<label>您的身份</label>
+						<span>员工</span>
+					</div>
+					<div class="mui-input-row">
+						<label>部门</label>
+						<span>信息工程中心</span>
+					</div>
+				</form>
+			</div>
+			<div class="mui-content-padded vongi-qingjiadt vongi-editme">
+				<form class="mui-input-group">
+					<div class="mui-input-row">
+						<label>姓名</label>
+						<span>姓名</span>
+					</div>
+					<div class="mui-input-row">
+						<label>手机号码</label>
+						<span>15500001111</span>
+					</div>
+					<div class="mui-input-row">
+						<label>身份证号</label>
+						<input type="text" class="mui-input-clear" placeholder="请输入身份证号">
+					</div>
+					<div class="mui-input-row">
+						<label style="width:50%">人脸识别照片<i class="iconfont icon-tishi color4fc5f7"></i></label>
+						<button class="mui-btn mui-btn-block mui-navigate-right" type='button' style="width:50%">
+							<img src="~$project/assets/img/audit1.png" /> 
+						</button>
+					</div>
+				</form>
+			</div>
+			<div class="vongi-btn vongi-login-btn">
+				<button class="mui-btn mui-btn-primary ">
+						提  交
+					</button>
+			</div>
+		</div>
+</div>
 </template>
 
 <script>
 </script>
 
+<style scoped src="$project/assets/css/xpwyfyy.css"></style>
+<style src="$project/assets/css/iconfont.css"></style>
 <style>
 </style>

src/projects/home/views/Register/Pension/Step1.vue

@@ -1,8 +1,37 @@
 <template>
+<div>
+   <header class="mui-bar mui-bar-nav">
+			<h1 class="mui-title">注册</h1>
+			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
+		</header>
+		<div class="mui-content margin60">
+			<div class="mui-content-padded">
+				<h5>该号码尚未注册，正在为您注册新的身份：</h5>
+			</div>
+			<div class="mui-content-padded vongi-editme vongi-qingjiadt">
+				<form class="mui-input-group">
+					<div class="mui-input-row">
+						<label>选择行业</label>
+						<button class="mui-btn mui-btn-block mui-navigate-right" type='button' style="width:50%">
+							机构、居家养老
+						</button>
+					</div>
+					<div class="mui-input-row">
+						<label>养老类型</label>
+						<button class="mui-btn mui-btn-block mui-navigate-right" type='button' style="width:50%">
+							请选择
+						</button>
+					</div>
+				</form>
+			</div>
+		</div>
+</div>
 </template>
 
 <script>
 </script>
 
+<style scoped src="$project/assets/css/xpwyfyy.css"></style>
+<style src="$project/assets/css/iconfont.css"></style>
 <style>
 </style>

src/projects/home/views/Register/Pension/Step4.vue

@@ -1,8 +1,66 @@
 <template>
+<div>
+   <header class="mui-bar mui-bar-nav">
+			<h1 class="mui-title">注册</h1>
+			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
+		</header>
+		<div class="mui-content">
+			<div class="mui-content-padded vongi-qingjiadt">
+				<form class="mui-input-group">
+					<div class="mui-input-row">
+						<label>养老类型</label>
+						<span>机构养老</span>
+					</div>
+					<div class="mui-input-row">
+						<label>您的身份</label>
+						<span>长者</span>
+					</div>
+					<div class="mui-input-row">
+						<label>养老机构</label>
+						<span>金色家园老年公寓</span>
+					</div>
+					<div class="mui-input-row">
+						<label>房号</label>
+						<span>颐养楼1-2-201</span>
+					</div>
+				</form>
+			</div>
+			<div class="mui-content-padded vongi-qingjiadt vongi-editme">
+				<form class="mui-input-group">
+					<div class="mui-input-row">
+						<label>姓名</label>
+						<span>姓名</span>
+					</div>
+					<div class="mui-input-row">
+						<label>手机号码</label>
+						<span>15500001111</span>
+					</div>
+					<div class="mui-input-row">
+						<label>身份证号</label>
+						<input type="text" class="mui-input-clear" placeholder="请输入身份证号">
+					</div>
+					<div class="mui-input-row">
+						<label style="width:50%">人脸识别照片<i class="iconfont icon-tishi color4fc5f7"></i></label>
+						<button class="mui-btn mui-btn-block mui-navigate-right" type='button' style="width:50%">
+							<img src="~$project/assets/img/audit1.png" /> 
+						</button>
+					</div>
+				</form>
+			</div>
+			<div class="vongi-btn vongi-login-btn">
+				<button class="mui-btn mui-btn-primary ">
+						提  交
+					</button>
+			</div>
+		</div>
+</div>
 </template>
 
 <script>
 </script>
 
+<style scoped src="$project/assets/css/xpwyfyy.css"></style>
+<style src="$project/assets/css/iconfont.css"></style>
 <style>
 </style>
+

src/projects/home/views/Register/Pension/step2.vue

@@ -1,8 +1,45 @@
 <template>
+<div>
+    <header class="mui-bar mui-bar-nav">
+			<h1 class="mui-title">选择养老机构</h1>
+			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
+		</header>
+		<div class="mui-content">
+			<div class="mui-content-padded vongi-xzdw-search">
+				<input type="search" placeholder="请输入姓名">
+				<span class="mui-icon mui-icon-search"></span>
+			</div>
+			<ul class="mui-table-view vongi-xzyljg">
+				<li class="mui-table-view-cell mui-media">
+					<a href="javascript:;">
+						金色家园老年公寓(西干渠路)
+					</a>
+				</li>
+				<li class="mui-table-view-cell mui-media">
+					<a href="javascript:;">
+						金色家园老年公寓(西干渠路)
+					</a>
+				</li>
+				<li class="mui-table-view-cell mui-media">
+					<a href="javascript:;">
+						金色家园老年公寓(西干渠路)
+					</a>
+				</li>
+				<li class="mui-table-view-cell mui-media">
+					<a href="javascript:;">
+						金色家园老年公寓(西干渠路)
+					</a>
+				</li>
+			</ul>
+		</div>
+</div>
 </template>
 
 <script>
 </script>
 
+<style scoped src="$project/assets/css/xpwyfyy.css"></style>
+<style scoped src="$project/assets/css/sczpfyy.css"></style>
+<style src="$project/assets/css/iconfont.css"></style>
 <style>
 </style>

src/projects/home/views/Register/Pension/step3.vue

@@ -1,8 +1,50 @@
 <template>
+<div>
+   <header class="mui-bar mui-bar-nav">
+			<h1 class="mui-title">注册</h1>
+			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
+		</header>
+		<div class="mui-content">
+			<div class="mui-content-padded vongi-qingjiadt">
+				<form class="mui-input-group">
+					<div class="mui-input-row">
+						<label>养老类型</label>
+						<span>机构养老</span>
+					</div>
+					<div class="mui-input-row">
+						<label>您的身份</label>
+						<span>长者</span>
+					</div>
+				</form>
+			</div>
+			<div class="mui-content-padded vongi-qingjiadt">
+				<form class="mui-input-group">
+					<div class="mui-input-row">
+						<label>养老机构</label>
+						<span>金色家园老年公寓</span>
+					</div>
+					<div class="mui-input-row">
+						<label>养老类型</label>
+						<button class="mui-btn mui-btn-block mui-navigate-right mui-ellipsis" type='button' style="width:65%">
+							颐养楼-201
+						</button>
+					</div>
+				</form>
+			</div>
+			<div class="vongi-btn vongi-login-btn">
+				<button class="mui-btn mui-btn-primary ">
+						下一步
+					</button>
+			</div>
+		</div>
+</div>
 </template>
 
 <script>
 </script>
 
+<style scoped src="$project/assets/css/xpwyfyy.css"></style>
+<style src="$project/assets/css/iconfont.css"></style>
 <style>
 </style>
+

src/projects/home/views/Register/Residence/Step1.vue

@@ -1,8 +1,37 @@
 <template>
+<div>
+   <header class="mui-bar mui-bar-nav">
+			<h1 class="mui-title">注册</h1>
+			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
+		</header>
+		<div class="mui-content margin60">
+			<div class="mui-content-padded">
+				<h5>该号码尚未注册，正在为您注册新的身份：</h5>
+			</div>
+			<div class="mui-content-padded vongi-editme vongi-qingjiadt">
+				<form class="mui-input-group">
+					<div class="mui-input-row">
+						<label>选择行业</label>
+						<button class="mui-btn mui-btn-block mui-navigate-right" type='button' style="width:50%">
+							社区住宅
+						</button>
+					</div>
+					<div class="mui-input-row">
+						<label>所在小区</label>
+						<button class="mui-btn mui-btn-block mui-navigate-right" type='button' style="width:50%">
+							请选择
+						</button>
+					</div>
+				</form>
+			</div>
+		</div>
+</div>
 </template>
 
 <script>
 </script>
 
+<style scoped src="$project/assets/css/xpwyfyy.css"></style>
+<style src="$project/assets/css/iconfont.css"></style>
 <style>
 </style>

src/projects/home/views/Register/Residence/Step2.vue

@@ -1,8 +1,46 @@
 <template>
+<div>
+    <header class="mui-bar mui-bar-nav">
+			<h1 class="mui-title">选择单位</h1>
+			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
+		</header>
+		<div class="mui-content vongi-xzdw">
+			<div class="mui-content-padded vongi-xzdw-search">
+				<input type="search" placeholder="请输入姓名">
+				<span class="mui-icon mui-icon-search"></span>
+			</div>
+			<div class="mui-content-padded fyy-date mui-clearfix">
+				<h5>荆州市</h5>
+			</div>
+			<div class="mui-row mui-fullscreen vongi-xzdw-city">
+				<div class="mui-col-xs-3">
+					<div class="mui-segmented-control mui-segmented-control-inverted mui-segmented-control-vertical">
+						<a class="mui-control-item mui-active" href="">荆州市</a>
+						<a class="mui-control-item" href="">荆州市</a>
+						<a class="mui-control-item" href="">荆州市</a>
+						<a class="mui-control-item" href="">荆州市</a>
+					</div>
+				</div>
+				<div class="mui-col-xs-9">
+					<div class="mui-control-content">
+						<ul class="mui-table-view">
+							<li class="mui-table-view-cell">市辖区</li>
+							<li class="mui-table-view-cell">市辖区</li>
+							<li class="mui-table-view-cell">市辖区</li>
+							<li class="mui-table-view-cell">市辖区</li>
+						</ul>
+					</div>
+				</div>
+			</div>
+		</div>
+</div>
 </template>
 
 <script>
 </script>
 
+<style scoped src="$project/assets/css/xpwyfyy.css"></style>
+<style scoped src="$project/assets/css/sczpfyy.css"></style>
+<style src="$project/assets/css/iconfont.css"></style>
 <style>
 </style>

src/projects/home/views/Register/Residence/Step3.vue

@@ -1,8 +1,45 @@
 <template>
+<div>
+   <header class="mui-bar mui-bar-nav">
+			<h1 class="mui-title">注册</h1>
+			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
+		</header>
+		<div class="mui-content">
+			<div class="mui-content-padded vongi-qingjiadt">
+				<form class="mui-input-group">
+					<div class="mui-input-row">
+						<label>所在小区</label>
+						<span>富润·沙市花园</span>
+					</div>
+					<div class="mui-input-row">
+						<label>您的身份</label>
+						<span>业主</span>
+					</div>
+				</form>
+			</div>
+			<div class="mui-content-padded vongi-qingjiadt">
+				<form class="mui-input-group">
+					<div class="mui-input-row">
+						<label>楼栋房号</label>
+						<button class="mui-btn mui-btn-block mui-navigate-right mui-ellipsis" type='button' style="width:65%">
+							1-1-2201
+						</button>
+					</div>
+				</form>
+			</div>
+			<div class="vongi-btn vongi-login-btn">
+				<button class="mui-btn mui-btn-primary ">
+						下一步
+					</button>
+			</div>
+		</div>
+</div>
 </template>
 
 <script>
 </script>
 
+<style scoped src="$project/assets/css/xpwyfyy.css"></style>
+<style src="$project/assets/css/iconfont.css"></style>
 <style>
 </style>

src/projects/home/views/Register/Residence/Step4.vue

@@ -1,8 +1,62 @@
 <template>
+<div>
+   <header class="mui-bar mui-bar-nav">
+			<h1 class="mui-title">注册</h1>
+			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
+		</header>
+		<div class="mui-content">
+			<div class="mui-content-padded vongi-qingjiadt">
+				<form class="mui-input-group">
+					<div class="mui-input-row">
+						<label>所在小区</label>
+						<span>富润·沙市花园</span>
+					</div>
+					<div class="mui-input-row">
+						<label>您的身份</label>
+						<span>业主</span>
+					</div>
+					<div class="mui-input-row">
+						<label>楼栋房号</label>
+						<span>1-1-2201</span>
+					</div>
+				</form>
+			</div>
+			<div class="mui-content-padded vongi-qingjiadt vongi-editme">
+				<form class="mui-input-group">
+					<div class="mui-input-row">
+						<label>姓名</label>
+						<span>姓名</span>
+					</div>
+					<div class="mui-input-row">
+						<label>手机号码</label>
+						<span>15500001111</span>
+					</div>
+					<div class="mui-input-row">
+						<label>身份证号</label>
+						<input type="text" class="mui-input-clear" placeholder="请输入身份证号">
+					</div>
+					<div class="mui-input-row">
+						<label style="width:50%">人脸识别照片<i class="iconfont icon-tishi color4fc5f7"></i></label>
+						<button class="mui-btn mui-btn-block mui-navigate-right" type='button' style="width:50%">
+							<img src="~$project/assets/img/audit1.png" /> 
+						</button>
+					</div>
+				</form>
+			</div>
+			<div class="vongi-btn vongi-login-btn">
+				<button class="mui-btn mui-btn-primary ">
+						提  交
+					</button>
+			</div>
+		</div>
+</div>
 </template>
 
 <script>
 </script>
 
+<style scoped src="$project/assets/css/xpwyfyy.css"></style>
+<style src="$project/assets/css/iconfont.css"></style>
 <style>
 </style>
+