关联亲属/亲属信息

src/projects/pension/views/Master/Phone/Add.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 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>18600001111</span>
+					</div>
+					<div class="mui-input-row">
+						<label>身份证号</label>
+						<span>420400200001011010</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>
+				</form>
+			</div>
+			<div class="mui-content-padded vongi-qingjiadt vongi-editme">
+				<form class="mui-input-group">
+					<div class="mui-input-row">
+						<label>照片</label>
+						<span class="vongi-qingjiadt-photo"><img src="~$project/assets/img/audit1.png" /> </span>
+
+					</div>
+				</form>
+			</div>
+			<div class="vongi-btn vongi-login-btn">
+				<button class="mui-btn mui-btn-danger ">
+						<span class="iconfont icon-quxiaolianjie"></span>取消关联该亲属
+					</button>
+			</div>
+		</div>
+</div>
 </template>
 
 <script>
 </script>
 
+<style scoped src="$project/assets/css/pension.css"></style>
+<style scoped src="$project/assets/css/xpwyfyy.css"></style>
+<style src="$project/assets/css/iconfont.css"></style>
 <style>
 </style>

src/projects/pension/views/Master/Phone/Home.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 vongi-qqhm">
+			<ul class="mui-table-view">
+				<li class="mui-table-view-cell">
+					<a class="mui-navigate-right" href="#">
+						<div class="mui-col-xs-8  mui-pull-left flew-items">
+							<div class="mui-media-object mui-pull-left "><img src="~$project/assets/img/03.jpg" width="50" /></div>
+							<div class="mui-media-body">
+								<h3>赵双龙<span class="mui-badge vongi-badge-pink">儿子</span></h3>
+								<p class='mui-ellipsis mui-h3'>18600001111</p>
+							</div>
+						</div>
+						<span class="mui-pull-right iconfont icon-ziyuan1"></span>
+					</a>
+				</li>
+				<li class="mui-table-view-cell">
+					<a class="mui-navigate-right" href="#">
+						<div class="mui-col-xs-8  mui-pull-left flew-items">
+							<div class="mui-media-object mui-pull-left "><img src="~$project/assets/img/03.jpg" width="50" /></div>
+							<div class="mui-media-body">
+								<h3>赵双龙<span class="mui-badge vongi-badge-pink">儿子</span></h3>
+								<p class='mui-ellipsis mui-h3'>18600001111</p>
+							</div>
+						</div>
+						<span class="mui-pull-right iconfont icon-ziyuan1"></span>
+					</a>
+				</li>
+			</ul>
+		</div>
+</div>
 </template>
 
 <script>
 </script>
 
+<style scoped src="$project/assets/css/pension.css"></style>
+<style scoped src="$project/assets/css/xpwyfyy.css"></style>
+<style src="$project/assets/css/iconfont.css"></style>
 <style>
 </style>