养老新增联系人列表/详情/编辑

src/assets/css/xpwyfyy.css

@@ -875,7 +875,8 @@ h3 {
 	overflow: hidden;
 }
 
-.faceaifyy-content .mui-media-body {
+.faceaifyy-content .mui-media-body ,
+.vongi-toup .mui-media-object span{
 	background: rgba(0, 0, 0, 0.5);
 	padding: 5px;
 	position: absolute;
@@ -883,8 +884,14 @@ h3 {
 	color: #ffffff;
 	width: 100%;
     text-align: center;
+    line-height: 21px;
+    z-index: 99;
+    display: block;
 }
-
+.vongi-toup .mui-media-object {
+	position:relative
+}
+.vongi-toup .mui-media-object span
 .faceaifyy-content .mui-media-body span {
 	margin-left: 5px
 }
@@ -993,7 +1000,8 @@ h3 {
 }
 
 .vongi-btn {
-	padding: 15px
+	padding: 15px;
+	text-align: center;
 }
 
 .vongi-btn button {
@@ -3312,7 +3320,9 @@ h3 {
 	font-size:14px;
 	color:#101010
 }
-
+.vongi-sqtpdat-name .color4fc5f7{
+	color: #3385FF
+}
 .vongi-sqtpdat-time{
 	background:#3385FF;
 	color:#ffffff;
@@ -3357,7 +3367,7 @@ h3 {
 	display: block;
 	line-height: 1.5;
 }
-.vongi-sqtpdat .fyy-slider .mui-table-view .mui-table-view-cell button{
+.vongi-toup .mui-table-view-cell button{
 	position:initial;
 	transform:initial;
 	-webkit-transform:initial;
@@ -3365,12 +3375,26 @@ h3 {
 	border-radius: 16px;
 	margin:5px 0
 }
+.vongi-toup .fyy-scon-det-down button{
+	width:50%;
+	border-radius: 16px;
+}
+.vongi-sqtpdat-name .vongi-toup-text p{
+	margin-bottom:10px;
+	padding:0
+}
+.vongi-toup-text{
+	padding:10px
+}
+.vongi-toup .vongi-btn button{
+	width:50%;
+}
 .vongi-sqtpdat-slider{
 	padding:0 10px;
 	margin-bottom:15px
 }
 .vongi-sqtpdat-slider .mui-slider-group{
-	display: initial;
+	display: table;
 	
 }
 .vongi-sqtpdat-slider .mui-slider-group .mui-slider-item{
@@ -3483,4 +3507,29 @@ h3 {
 .vongi-cytx-date{
 	padding:10px 15px;
 	background:#FAFAFA
-}
+}
+.vongi-tell .mui-media-object{
+	width:88px;
+	height:88px;
+	border-radius: 50%;
+	background:#EEEEEE;
+	display: flex;
+	justify-content: center;
+	overflow: hidden;
+	margin:0 auto
+}
+.vongi-tell .mui-media-object img{
+	object-fit: cover;
+	width:100%
+}
+.vongi-tell .mui-h1{
+	padding:20px 15px;
+	border-top:1px #ddd solid;
+	border-bottom:1px #ddd solid
+}
+.vongi-tell .vongi-center{
+	padding:30px
+}
+.vongi-tell .iconfont{
+	font-size:30px
+}

src/projects/pension/views/Master/Relatives/PhoneInfo.vue

@@ -1,8 +1,52 @@
 <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-tell">
+				<div class="vongi-center">
+					<div class="mui-media-object"><img src="~$project/assets/img/03.jpg" width="50" /></div>
+					<h1>赵刚</h1>
+				</div>
+				<div class='flew-sp mui-h1'>
+					15500001111<span class="iconfont icon-ziyuan1 color55f868"></span>
+				</div>
+			</div>
+			<div class="fyy-footer">
+				<ul class="mui-table-view mui-grid-view mui-grid-9">
+					<li class="mui-table-view-cell mui-media mui-col-xs-6">
+						<a href="#">
+							<span class="mui-icon iconfont icon-xinbaniconshangchuan-"></span>
+							<div class="mui-media-body">编辑联系人</div>
+						</a>
+					</li>
+					<li class="mui-table-view-cell mui-media mui-col-xs-6">
+						<a href="#">
+							<span class="mui-icon iconfont icon-guanbi"></span>
+							<div class="mui-media-body">删除联系人</div>
+						</a>
+					</li>
+				</ul>
+			</div>
+</div>
 </template>
 
 <script>
+export default {
+        name: 'Login',
+        components: {},
+        mounted() {
+            document.body.style.backgroundColor = '#fff';
+        },
+        destroyed() {
+            document.body.style.backgroundColor = '';
+            }
+    }
 </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/Relatives/PhoneList.vue

@@ -1,8 +1,34 @@
 <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="#">
+						<h1>赵双龙</h1>
+					</a>
+				</li>
+				<li class="mui-table-view-cell">
+					<a class="mui-navigate-right" href="#">
+						<h1>赵双龙</h1>
+					</a>
+				</li>
+			</ul>
+		</div>
+		<div class="fyy-footer">
+			<div class="bindfyy-btn"><button type="submit" class="mui-btn mui-btn-pink ">添加联系人</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/Relatives/PhoneSave.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">			
+			<div class="mui-content-padded vongi-qingjiadt vongi-editme">
+				<form class="mui-input-group">
+					<div class="mui-input-row">
+						<label>姓名<i class="colorfe616c">*</i></label>
+						<!--<input type="text" class="mui-input-clear" placeholder="请填写联系人姓名">-->
+						<span>赵刚</span>
+					</div>
+					<div class="mui-input-row">
+						<label>手机号码<i class="colorfe616c">*</i></label>
+						<!--<input type="text" class="mui-input-clear" placeholder="请填写联系人手机号码">-->
+						<span>15500001111</span>
+					</div>
+				</form>
+			</div>
+			<div class="vongi-btn vongi-login-btn">
+				<button class="mui-btn mui-btn-pink">保  存</button>
+				<button class="mui-btn mui-btn-danger mui-btn-outlined">删除联系人</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>