全部/通知/详情/手机开门/修改个人

src/assets/css/mui.min.css

@@ -221,7 +221,7 @@ th {
 
 body {
 	font-family: 'Helvetica Neue', Helvetica, sans-serif;
-	font-size: 12px;
+	font-size: 14px;
 	line-height: 21px;
 	color: #333;
 	background-color: #eee;
@@ -1242,7 +1242,9 @@ input[type=submit]:enabled:active {
 	border-bottom: 0;
 	background-color: #ffffff;
 	-webkit-backface-visibility: hidden;
-	backface-visibility: hidden
+	backface-visibility: hidden;
+	-webkit-box-shadow: 0 1px 6px #ccc;
+    box-shadow: 0 1px 6px #ccc;
 }
 
 .mui-bar .mui-title {
@@ -2382,7 +2384,7 @@ input,
 select,
 textarea {
 	font-family: 'Helvetica Neue', Helvetica, sans-serif;
-	font-size: 17px;
+	font-size: 14px;
 	-webkit-tap-highlight-color: transparent;
 	-webkit-tap-highlight-color: transparent
 }
@@ -2413,7 +2415,7 @@ select,
 textarea {
 	line-height: 38px;
 	width: 100%;
-	height: 60px;
+	height: 50px;
 	padding: 10px 15px;
 	-webkit-user-select: text;
 	border:0;
@@ -2519,7 +2521,7 @@ select:focus {
 }
 
 .mui-input-group .mui-input-row {
-	height: 60px;
+	height: 50px;
 	background-color: #ffffff;
 	margin-bottom: 1px;
 }
@@ -2537,7 +2539,7 @@ select:focus {
 
 .mui-input-row label {
 	font-family: 'Helvetica Neue', Helvetica, sans-serif;
-	line-height: 38px;
+	line-height: 28px;
 	float: left;
 	width: 30%;
 	padding: 11px 15px

src/assets/css/xpgj.css

@@ -1,6 +1,9 @@
 .color-yellow{
 	color:#FFA700
 }
+.flew{
+	display: flex;
+}
 .flew-sp{
 	display: flex;
 	justify-content: space-between;
@@ -24,10 +27,10 @@
 	border:0
 }
 .vongi-icons .mui-grid-view li img{
-	padding: 10px;
-    width: 48px;
+	width: 32px;
     display: flex;
-    margin: 0 auto;
+    margin: 0 auto 5px;
+    border-radius: 4px;
 }
 .vongi-index-floor{
 	background:#ffffff;
@@ -201,6 +204,7 @@
 }
 .vongi-bar{
 	background-color: #3385FF;
+	box-shadow: none;
 }
 .vongi-bar .mui-title{
 	color:#ffffff
@@ -209,9 +213,83 @@
 	background:#ffffff
 }
 .vongi-all h4{
-	padding:20px 15px 0;
+	padding:20px 15px 10px;
 	margin:0
 }
 .vongi-all .mui-grid-view.mui-grid-9{
 	border:0
 }
+.vongi-editme .mui-input-row .mui-btn img{
+	width:32px;
+	height:32px;
+	border-radius: 50%;
+	margin: 9px 0;
+    float: right;
+}
+.vongi-opendoor-img{
+	width:32px;
+	height:32px;
+	border-radius: 50%;
+	overflow: hidden;
+	display: flex;
+	margin:0 auto 5px
+}
+.vongi-opendoor-img img{
+	width:100%;
+	min-height:100%;
+	object-fit: cover;
+}
+
+.vongi-opendoor{
+	background:#3385FF;
+	padding:15px
+}
+.vongi-opendoor .flew-items{
+	background:#ffffff;
+	padding:12px 0;
+	border-radius: 7px;
+}
+.vongi-opendoor .mui-col-xs-3{
+	text-align: center;
+}
+.vongi-opendoor .mui-media-body{
+	padding:0 15px 0 20px
+}
+.vongi-opendoor .mui-media-body h5{
+	margin-top:10px
+}
+.vongi-opendoor{
+	position:relative
+}
+.vongi-yuan{
+	width:12px;
+	height:12px;
+	border-radius: 50%;
+	background:#3385FF;
+	position:absolute;
+	left:25%
+}
+.vongi-yuan1{
+	top:8px;
+}
+.vongi-yuan2{
+	bottom:8px;
+}
+.vongi-opendoor-bottom{
+	padding:30px 15px
+}
+.vongi-opendoor-bottom .flew-sp{
+	box-shadow: 0 1px 3px rgba(0,0,0,0.5);
+	padding-left:15px;
+	background:#ffffff;
+	line-height:48px ;
+	border-radius: 6px;
+	overflow: hidden;
+	margin-bottom:15px
+	
+}
+.vongi-opendoor-bottom button{
+	width:100px;
+	border-radius: initial;
+	font-size:16px
+}

src/assets/css/xpwyfyy.css

@@ -203,7 +203,6 @@ body {
 }
 
 .bindfyy-btn button {
-	border-radius: 20px;
 	line-height: 26px;
 	width: 100%
 }
@@ -355,7 +354,7 @@ body {
 	width: 70%;
 	padding: 0;
 	padding-right: 45px;
-	line-height: 60px;
+	line-height: 50px;
 	text-align: left;
 	background: 0;
 	border: 0;
@@ -380,7 +379,7 @@ body {
 }
 
 .fyy-footer .bindfyy-btn {
-	width: 70%;
+	width: 100%;
 	margin: 0 auto
 }
 
@@ -410,8 +409,10 @@ body {
 }
 
 .mui-input-row p {
-	line-height: 60px;
-	font-size: 17px
+	line-height: 50px;
+	font-size: 14px;
+	padding-right:15px;
+	color:#333
 }
 
 .fyy-content {
@@ -607,4 +608,68 @@ h3 {
 
 .fyy-radio ul li .mui-media-body {
 	color: #ffffff
-}
+}
+.vongi-notice{
+	background:#ffffff;
+	margin-top:10px;
+	padding:15px;
+	margin-bottom:10px
+}
+.vongi-notice p{
+	font-size:14px
+}
+
+.vongi-notice .mui-h3{
+	padding:15px 0;
+	border-bottom:1px #eee solid;
+	margin-bottom:15px
+}
+.vongi-notice-img{
+	height:68px;
+	display: flex;
+	overflow: hidden;
+	margin-bottom:10px
+}
+.vongi-notice-img img{
+	width:100%;
+	min-height: 100%;
+	object-fit: cover;
+}
+.vongi-notice-list{
+	padding:15px;
+	background:#ffffff
+}
+.vongi-notice-list h3{
+	margin-bottom:10px;
+}
+.vongi-notice-list h3 img{
+	margin-right:5px
+}
+.vongi-floor-padded a{
+	padding:2px 0 2px 15px;
+	display: block;
+	color:#333;
+	position:relative;
+	}
+.vongi-floor-padded a:after{
+	content: "";
+    position: absolute;
+    left: 0;
+    background: #333;
+    width: 3px;
+    height: 3px;
+    border-radius: 1.5px;
+    top: 50%;
+    margin-top: -1.5px;
+}
+.vongi-editme .mui-input-row .mui-btn img{
+	width:32px;
+	height:32px;
+	border-radius: 50%;
+	margin: 9px 0;
+    float: right;
+}
+.vongi-editme .mui-input-row input,
+.vongi-editme .mui-input-row p{
+	text-align: right;
+}

src/projects/business/views/Common/Notice/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">
+      <div class="mui-content-padded">
+        <ul class="mui-table-view openfyy-list">
+          <li class="mui-table-view-cell mui-media">
+            <a href="javascript:;" class="mui-navigate-right">
+              <div class="mui-media-body">
+                荆州市新型冠状病毒感染的通告状病毒感染的通告
+                <p class="mui-ellipsis">2020-03-21</p>
+              </div>
+            </a>
+          </li>
+          <li class="mui-table-view-cell mui-media">
+            <a href="javascript:;" class="mui-navigate-right">
+              <div class="mui-media-body">
+                关于发现疫情的处理办法
+                <p class="mui-ellipsis">2020-03-20</p>
+              </div>
+            </a>
+          </li>
+          <li class="mui-table-view-cell mui-media">
+            <a href="javascript:;" class="mui-navigate-right">
+              <div class="mui-media-body mui-ellipsis">
+                3月17日起荆州再开通14条公交线路
+                <p class="mui-ellipsis">2020-03-16</p>
+              </div>
+            </a>
+          </li>
+        </ul>
+      </div>
+    </div>
+  </div>
 </template>
 
 <script>
 </script>
 
+<style src="$project/assets/css/xpwyfyy.css"></style>
 <style>
 </style>

src/projects/business/views/Common/Notice/Info.vue

@@ -1,8 +1,44 @@
 <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="vongi-notice">
+        <div class="mui-h3">
+          荆州市新型冠状病毒感染的肺炎疫情防控指挥部通告
+          <h6>2020-03-17 12:40</h6>
+        </div>
+        <p>
+          为切实防范外来新冠肺炎输入性风险，进一步做好境外入荆(返荆)人员服务工作，现就有关事项通告如下:
+        </p>
+        <p>
+          对所有境外入荆(返荆)人员实施申报管理，统一接送至集中隔离点，进行14天的医学隔离观察(入荆、返荆前已在境内隔离，且提供县级以上疾控部门证明的除外)。
+        </p>
+        <p>
+          凡是境外入荆(返荆)人员不按规定申报，或隐瞒旅居史、接触史等情况的，经查实后，尚在医学观察期内的，一律集中隔离，费用由本人自理;感染新冠肺炎的，治疗费用由其个人承担，导致疫病传播扩散的，将依法严肃追究法律责任。广大市民对发现的可能违反疫情管理规定的境外入荆(返荆)人员，鼓励积极向当地防控指挥部、公安机关或外办举办，对查实的首位举报人，给予奖励2000元。
+        </p>
+      </div>
+      <div class="vongi-notice-img">
+        <img src="~$project/assets/img/02.jpg" />
+      </div>
+      <div class="vongi-notice-list">
+        <h3><img src="~$project/assets/img/text.png" width="12" />相关内容</h3>
+        <div class="vongi-floor-padded">
+          <a href="" class="mui-ellipsis"> 关联新闻内容1 </a>
+          <a href="" class="mui-ellipsis">
+            9月园区活动通知9月园区活动通知9月园区活动通知9月园区活动通知9月园区活动通知
+          </a>
+        </div>
+      </div>
+    </div>
+  </div>
 </template>
 
 <script>
 </script>
 
+<style src="$project/assets/css/xpwyfyy.css"></style>
 <style>
 </style>

src/projects/business/views/Master/AllFun.vue

@@ -1,8 +1,361 @@
 <template>
+  <div id="app">
+    <header class="mui-bar mui-bar-nav">
+      <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
+      <h1 class="mui-title">全部应用</h1>
+    </header>
+    <div class="mui-content">
+      <div class="vongi-icons vongi-all">
+        <h4>健康防疫</h4>
+        <ul class="mui-table-view mui-grid-view mui-grid-9">
+          <li class="mui-table-view-cell mui-media mui-col-xs-3">
+            <a href="#">
+              <img src="~$project/assets/img/icon_jiankangzheng.png" />
+              <div class="mui-media-body">健康证</div>
+            </a>
+          </li>
+          <li class="mui-table-view-cell mui-media mui-col-xs-3">
+            <a href="#">
+              <img src="~$project/assets/img/icon_cewenjilu.png" />
+              <div class="mui-media-body">测温记录</div>
+            </a>
+          </li>
+          <li class="mui-table-view-cell mui-media mui-col-xs-3">
+            <a href="#">
+              <img src="~$project/assets/img/icon_yichangjilu.png" />
+              <div class="mui-media-body">异常记录</div>
+            </a>
+          </li>
+          <li class="mui-table-view-cell mui-media mui-col-xs-3">
+            <a href="#">
+              <img src="~$project/assets/img/cicon19.png" />
+              <div class="mui-media-body">疫情上报</div>
+            </a>
+          </li>
+        </ul>
+        <h4>办公生活</h4>
+        <ul class="mui-table-view mui-grid-view mui-grid-9">
+          <li class="mui-table-view-cell mui-media mui-col-xs-3">
+            <a href="#">
+              <img src="~$project/assets/img/icon_kaoqinjilu.png" />
+              <div class="mui-media-body">考勤记录</div>
+            </a>
+          </li>
+          <li class="mui-table-view-cell mui-media mui-col-xs-3">
+            <a href="#">
+              <img src="~$project/assets/img/icon_qingjia.png" />
+              <div class="mui-media-body">请假</div>
+            </a>
+          </li>
+          <li class="mui-table-view-cell mui-media mui-col-xs-3">
+            <a href="#">
+              <img src="~$project/assets/img/icon_fangkeshenpi.png" />
+              <div class="mui-media-body">访客审批</div>
+            </a>
+          </li>
+          <li class="mui-table-view-cell mui-media mui-col-xs-3">
+            <a href="#">
+              <img src="~$project/assets/img/icon_meizhoucaipu.png" />
+              <div class="mui-media-body">每周菜谱</div>
+            </a>
+          </li>
+          <li class="mui-table-view-cell mui-media mui-col-xs-3">
+            <a href="#">
+              <img src="~$project/assets/img/icon_shenqingbuka.png" />
+              <div class="mui-media-body">申请补卡</div>
+            </a>
+          </li>
+          <li class="mui-table-view-cell mui-media mui-col-xs-3">
+            <a href="#">
+              <img src="~$project/assets/img/icon_yididaka.png" />
+              <div class="mui-media-body">异地打卡</div>
+            </a>
+          </li>
+          <li class="mui-table-view-cell mui-media mui-col-xs-3">
+            <a href="#">
+              <img src="~$project/assets/img/cicon22.png" />
+              <div class="mui-media-body">用车申请</div>
+            </a>
+          </li>
+          <li class="mui-table-view-cell mui-media mui-col-xs-3">
+            <a href="#">
+              <img src="~$project/assets/img/icon_wupinshenling.png" />
+              <div class="mui-media-body">物品领用</div>
+            </a>
+          </li>
+          <li class="mui-table-view-cell mui-media mui-col-xs-3">
+            <a href="#">
+              <img src="~$project/assets/img/icon_xiewuchuchang.png" />
+              <div class="mui-media-body">携物出厂</div>
+            </a>
+          </li>
+          <li class="mui-table-view-cell mui-media mui-col-xs-3">
+            <a href="#">
+              <img src="~$project/assets/img/icon_kaoqinshenpi.png" />
+              <div class="mui-media-body">考勤审批</div>
+            </a>
+          </li>
+        </ul>
+        <h4>物业管理</h4>
+        <ul class="mui-table-view mui-grid-view mui-grid-9">
+          <li class="mui-table-view-cell mui-media mui-col-xs-3">
+            <a href="#">
+              <img src="~$project/assets/img/icon_tianjiarenyuan.png" />
+              <div class="mui-media-body">添加人员</div>
+            </a>
+          </li>
+          <li class="mui-table-view-cell mui-media mui-col-xs-3">
+            <a href="#">
+              <img src="~$project/assets/img/icon_cewentongji.png" />
+              <div class="mui-media-body">测温统计</div>
+            </a>
+          </li>
+          <li class="mui-table-view-cell mui-media mui-col-xs-3">
+            <a href="#">
+              <img src="~$project/assets/img/icon_yichangtongji.png" />
+              <div class="mui-media-body">异常统计</div>
+            </a>
+          </li>
+          <li class="mui-table-view-cell mui-media mui-col-xs-3">
+            <a href="#">
+              <img src="~$project/assets/img/icon_weicerenyuan.png" />
+              <div class="mui-media-body">未测人员</div>
+            </a>
+          </li>
+          <li class="mui-table-view-cell mui-media mui-col-xs-3">
+            <a href="#">
+              <img src="~$project/assets/img/icon_jiankangdangan.png" />
+              <div class="mui-media-body">健康档案</div>
+            </a>
+          </li>
+          <li class="mui-table-view-cell mui-media mui-col-xs-3">
+            <a href="#">
+              <img src="~$project/assets/img/icon_shoujikaimen.png" />
+              <div class="mui-media-body">手机开门</div>
+            </a>
+          </li>
+          <li class="mui-table-view-cell mui-media mui-col-xs-3">
+            <a href="#">
+              <img src="~$project/assets/img/icon_saomaheyan.png" />
+              <div class="mui-media-body">扫码核验</div>
+            </a>
+          </li>
+          <li class="mui-table-view-cell mui-media mui-col-xs-3">
+            <a href="#">
+              <img src="~$project/assets/img/icon_churujilu.png" />
+              <div class="mui-media-body">出入记录</div>
+            </a>
+          </li>
+          <li class="mui-table-view-cell mui-media mui-col-xs-3">
+            <a href="#">
+              <img src="~$project/assets/img/icon_yuanquxuncha.png" />
+              <div class="mui-media-body">园区巡查</div>
+            </a>
+          </li>
+        </ul>
+        <h4>园区监管</h4>
+        <ul class="mui-table-view mui-grid-view mui-grid-9">
+          <li class="mui-table-view-cell mui-media mui-col-xs-3">
+            <a href="#">
+              <img src="~$project/assets/img/icon_fasongtongzhi.png" />
+              <div class="mui-media-body">发送通知</div>
+            </a>
+          </li>
+          <li class="mui-table-view-cell mui-media mui-col-xs-3">
+            <a href="#">
+              <img src="~$project/assets/img/icon_zhigongtaizhang.png" />
+              <div class="mui-media-body">职工台账</div>
+            </a>
+          </li>
+          <li class="mui-table-view-cell mui-media mui-col-xs-3">
+            <a href="#">
+              <img src="~$project/assets/img/icon_yichangbaogao.png" />
+              <div class="mui-media-body">异常报告</div>
+            </a>
+          </li>
+          <li class="mui-table-view-cell mui-media mui-col-xs-3">
+            <a href="#">
+              <img src="~$project/assets/img/icon_jiankanggongshi.png" />
+              <div class="mui-media-body">健康公示</div>
+            </a>
+          </li>
+          <li class="mui-table-view-cell mui-media mui-col-xs-3">
+            <a href="#">
+              <img src="~$project/assets/img/icon_cewenjilu.png" />
+              <div class="mui-media-body">职工测温</div>
+            </a>
+          </li>
+          <li class="mui-table-view-cell mui-media mui-col-xs-3">
+            <a href="#">
+              <img src="~$project/assets/img/icon_fangkecewen.png" />
+              <div class="mui-media-body">访客测温</div>
+            </a>
+          </li>
+          <li class="mui-table-view-cell mui-media mui-col-xs-3">
+            <a href="#">
+              <img src="~$project/assets/img/icon_shebeizhuangtai.png" />
+              <div class="mui-media-body">设备状态</div>
+            </a>
+          </li>
+          <li class="mui-table-view-cell mui-media mui-col-xs-3">
+            <a href="#">
+              <img src="~$project/assets/img/icon_shipinjiankong.png" />
+              <div class="mui-media-body">视频监控</div>
+            </a>
+          </li>
+          <li class="mui-table-view-cell mui-media mui-col-xs-3">
+            <a href="#">
+              <img src="~$project/assets/img/icon_danweiliebiao.png" />
+              <div class="mui-media-body">单位列表</div>
+            </a>
+          </li>
+          <li class="mui-table-view-cell mui-media mui-col-xs-3">
+            <a href="#">
+              <img src="~$project/assets/img/icon_fangkejilu.png" />
+              <div class="mui-media-body">访客记录</div>
+            </a>
+          </li>
+        </ul>
+        <h4>养老生活</h4>
+        <ul class="mui-table-view mui-grid-view mui-grid-9">
+          <li class="mui-table-view-cell mui-media mui-col-xs-3">
+            <a href="#">
+              <img src="~$project/assets/img/icon_huodongguiji.png" />
+              <div class="mui-media-body">活动轨迹</div>
+            </a>
+          </li>
+          <li class="mui-table-view-cell mui-media mui-col-xs-3">
+            <a href="#">
+              <img src="~$project/assets/img/icon_shipinjiankong.png" />
+              <div class="mui-media-body">视频看护</div>
+            </a>
+          </li>
+          <li class="mui-table-view-cell mui-media mui-col-xs-3">
+            <a href="#">
+              <img src="~$project/assets/img/icon_zhangzhedangan.png" />
+              <div class="mui-media-body">长者档案</div>
+            </a>
+          </li>
+          <li class="mui-table-view-cell mui-media mui-col-xs-3">
+            <a href="#">
+              <img src="~$project/assets/img/icon_chiyaotixing.png" />
+              <div class="mui-media-body">吃药提醒</div>
+            </a>
+          </li>
+          <li class="mui-table-view-cell mui-media mui-col-xs-3">
+            <a href="#">
+              <img src="~$project/assets/img/icon_yiliaojilu.png" />
+              <div class="mui-media-body">医疗记录</div>
+            </a>
+          </li>
+          <li class="mui-table-view-cell mui-media mui-col-xs-3">
+            <a href="#">
+              <img src="~$project/assets/img/icon_shigujilu.png" />
+              <div class="mui-media-body">事故记录</div>
+            </a>
+          </li>
+          <li class="mui-table-view-cell mui-media mui-col-xs-3">
+            <a href="#">
+              <img src="~$project/assets/img/icon_hulijilu.png" />
+              <div class="mui-media-body">护理计划</div>
+            </a>
+          </li>
+          <li class="mui-table-view-cell mui-media mui-col-xs-3">
+            <a href="#">
+              <img src="~$project/assets/img/icon_yijianhujiao.png" />
+              <div class="mui-media-body">一键呼叫</div>
+            </a>
+          </li>
+          <li class="mui-table-view-cell mui-media mui-col-xs-3">
+            <a href="#">
+              <img src="~$project/assets/img/icon_qinqinghaoma.png" />
+              <div class="mui-media-body">亲情号码</div>
+            </a>
+          </li>
+          <li class="mui-table-view-cell mui-media mui-col-xs-3">
+            <a href="#">
+              <img src="~$project/assets/img/icon_yanglaojiaofei.png" />
+              <div class="mui-media-body">养老缴费</div>
+            </a>
+          </li>
+          <li class="mui-table-view-cell mui-media mui-col-xs-3">
+            <a href="#">
+              <img src="~$project/assets/img/icon_shenghuojiaofei.png" />
+              <div class="mui-media-body">生活缴费</div>
+            </a>
+          </li>
+          <li class="mui-table-view-cell mui-media mui-col-xs-3">
+            <a href="#">
+              <img src="~$project/assets/img/icon_tingchejiaofei.png" />
+              <div class="mui-media-body">停车缴费</div>
+            </a>
+          </li>
+        </ul>
+        <h4>社区生活</h4>
+        <ul class="mui-table-view mui-grid-view mui-grid-9">
+          <li class="mui-table-view-cell mui-media mui-col-xs-3">
+            <a href="#">
+              <img src="~$project/assets/img/icon_wuyejiaofei.png" />
+              <div class="mui-media-body">物业缴费</div>
+            </a>
+          </li>
+          <li class="mui-table-view-cell mui-media mui-col-xs-3">
+            <a href="#">
+              <img src="~$project/assets/img/icon_shenghuojiaofei.png" />
+              <div class="mui-media-body">生活缴费</div>
+            </a>
+          </li>
+          <li class="mui-table-view-cell mui-media mui-col-xs-3">
+            <a href="#">
+              <img src="~$project/assets/img/icon_cheweixufei.png" />
+              <div class="mui-media-body">车位续费</div>
+            </a>
+          </li>
+          <li class="mui-table-view-cell mui-media mui-col-xs-3">
+            <a href="#">
+              <img src="~$project/assets/img/icon_cheweishenqing.png" />
+              <div class="mui-media-body">车位申请</div>
+            </a>
+          </li>
+          <li class="mui-table-view-cell mui-media mui-col-xs-3">
+            <a href="#">
+              <img src="~$project/assets/img/icon_baoshibaoxiu.png" />
+              <div class="mui-media-body">报事报修</div>
+            </a>
+          </li>
+          <li class="mui-table-view-cell mui-media mui-col-xs-3">
+            <a href="#">
+              <img src="~$project/assets/img/icon_wuyetousu.png" />
+              <div class="mui-media-body">物业投诉</div>
+            </a>
+          </li>
+          <li class="mui-table-view-cell mui-media mui-col-xs-3">
+            <a href="#">
+              <img src="~$project/assets/img/icon_lianxiwuye.png" />
+              <div class="mui-media-body">联系物业</div>
+            </a>
+          </li>
+          <li class="mui-table-view-cell mui-media mui-col-xs-3">
+            <a href="#">
+              <img src="~$project/assets/img/icon_yaoqingfangke.png" />
+              <div class="mui-media-body">邀请访客</div>
+            </a>
+          </li>
+          <li class="mui-table-view-cell mui-media mui-col-xs-3">
+            <a href="#">
+              <img src="~$project/assets/img/icon_shoujikaimen.png" />
+              <div class="mui-media-body">手机开门</div>
+            </a>
+          </li>
+        </ul>
+      </div>
+    </div>
+  </div>
 </template>
 
 <script>
 </script>
 
+<style src="$project/assets/css/xpgj.css"></style>
 <style>
 </style>

src/projects/business/views/Master/EditInfo.vue

@@ -1,8 +1,53 @@
 <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-editme">
+        <form class="mui-input-group">
+          <div class="mui-input-row">
+            <label style="width: 40%">人脸识别照片</label>
+            <button
+              id="showUserPicker"
+              class="mui-btn mui-btn-block mui-navigate-right"
+              type="button"
+              style="width: 60%"
+            >
+              <img src="~$project/assets/img/audit1.png" />
+            </button>
+          </div>
+          <div class="mui-input-row">
+            <label>姓名</label>
+            <p>{{}}</p>
+          </div>
+          <div class="mui-input-row">
+            <label>手机号码</label>
+            <p>15500001111</p>
+          </div>
+          <div class="mui-input-row">
+            <label>身份证号</label>
+            <input
+              type="text"
+              class="mui-input-clear"
+              placeholder="请输入身份证号"
+            />
+          </div>
+        </form>
+      </div>
+    </div>
+    <div class="fyy-footer">
+      <div class="bindfyy-btn">
+        <button type="submit" class="mui-btn mui-btn-primary">保 存</button>
+      </div>
+    </div>
+  </div>
 </template>
 
 <script>
 </script>
 
+<style src="$project/assets/css/xpwyfyy.css"></style>
 <style>
 </style>

src/projects/business/views/Master/OpenDoor.vue

@@ -1,8 +1,42 @@
 <template>
+  <div id="app">
+    <header class="mui-bar mui-bar-nav vongi-bar">
+      <h1 class="mui-title">手机开门</h1>
+    </header>
+    <div class="mui-content">
+      <div class="vongi-opendoor">
+        <div class="flew-items">
+          <div class="mui-col-xs-3">
+            <div class="vongi-opendoor-img">
+              <img src="~$project/assets/img/audit1.png" />
+            </div>
+            门卫
+          </div>
+          <div class="mui-col-xs-9 mui-media-body">
+            湖北荆鹏软件集团有限公司
+            <h5>保卫科</h5>
+          </div>
+        </div>
+        <div class="vongi-yuan vongi-yuan1"></div>
+        <div class="vongi-yuan vongi-yuan2"></div>
+      </div>
+      <div class="vongi-opendoor-bottom">
+        <div class="flew-sp">
+          A栋大厅玻璃门
+          <button class="mui-btn mui-btn-primary">开门</button>
+        </div>
+        <div class="flew-sp">
+          门房电控门
+          <button class="mui-btn mui-btn-primary">开门</button>
+        </div>
+      </div>
+    </div>
+  </div>
 </template>
 
 <script>
 </script>
 
+<style src="$project/assets/css/xpgj.css"></style>
 <style>
 </style>