个人中心改版/设置页/问题反馈

src/assets/css/xpgj.css

@@ -142,8 +142,8 @@
 	margin-bottom:10px
 }
 .vongi-me{
-	padding:25px 0;
-	background:#ffffff
+	padding:0 0 25px 0;
+	background:#ffffff;
 }
 .vongi-me-top .mui-media-object{
 	display: flex;
@@ -165,7 +165,7 @@
 }
 .vongi-me-name{
 	position:relative;
-	padding:20px 15px
+	padding:0 15px 20px 15px
 }
 .vongi-me-name button{
 	position:absolute;
@@ -186,7 +186,17 @@
 .vongi-me-card h2{
 	margin-bottom:10px
 }
-
+.vongi-me-list .mui-table-view-cell .mui-icon-phone{
+	position: absolute;
+    top: 50%;
+    display: inline-block;
+    -webkit-transform: translateY(-50%);
+    transform: translateY(-50%);
+    text-decoration: none;
+    color: #999;
+    -webkit-font-smoothing: antialiased;
+    right:15px
+}
 .vongi-me-list .mui-table-view-cell img{
 	margin-right:10px
 	
@@ -365,3 +375,26 @@
 .vongi-index .mui-grid-view.mui-grid-9 .mui-table-view-cell{
 	padding:0 10px
 }
+.vongi-icon-gear{
+	padding:11px 15px;	
+	text-align: right;	
+	background:#ffffff
+}
+.vongi-icon-gear .mui-icon{
+	font-size:24px;
+	color:#3385FF;
+}
+.vongi-meset{
+	padding:11px 15px;
+	background:#ffffff;
+	display: block;
+	margin-bottom:10px;
+	text-align: center;
+	color:#333
+}
+.vongi-meset-list .mui-table-view-chevron .mui-table-view-cell{
+	padding-right: 35px;
+}
+.vongi-meset-list .mui-table-view-chevron .mui-table-view-cell>a:not(.mui-btn){
+	    margin-right: -40px;
+}

src/assets/css/xpwyfyy.css

@@ -384,10 +384,12 @@ body {
 	right: 15px;
 	padding-top: 22px;
 }
-.vongi-qingjiadt .mui-input-row i{
-	position:initial;
-	padding-top:0
+
+.vongi-qingjiadt .mui-input-row i {
+	position: initial;
+	padding-top: 0
 }
+
 .fyy-footer {
 	position: fixed;
 	bottom: 0;
@@ -412,9 +414,10 @@ body {
 	float: left;
 	width: 30%;
 }
-.fyy-view .mui-table-view-cell span{
+
+.fyy-view .mui-table-view-cell span {
 	display: flex;
-    justify-content: space-between;
+	justify-content: space-between;
 }
 
 .mui-table-view.fyy-view:before,
@@ -759,7 +762,6 @@ h3 {
 	font-size: 14px
 }
 
-
 .vongi-jkz-left,
 .vongi-jkz-right {
 	float: left
@@ -890,15 +892,16 @@ h3 {
 
 .vongi-login-logo {
 	padding: 10% 50px;
-    text-align: center;
+	text-align: center;
 }
 
 .vongi-login-logo img {
 	width: 72px;
-    height: 72px;
-    border-radius: 7px;
+	height: 72px;
+	border-radius: 7px;
 }
-.vongi-login-logo h2{
+
+.vongi-login-logo h2 {
 	font-weight: initial;
 }
 
@@ -929,9 +932,10 @@ h3 {
 	top: 12px
 }
 
-.vongi-login-btn button{
-	margin-bottom:10px
+.vongi-login-btn button {
+	margin-bottom: 10px
 }
+
 .vongi-btn {
 	padding: 15px
 }
@@ -940,13 +944,16 @@ h3 {
 	width: 100%;
 	padding: 11px 15px
 }
+
 .vongi-yj-btn {
-    padding: 15px 20%;
+	padding: 15px 20%;
 }
-.vongi-yj-btn button{
-	padding:5px 15px;
+
+.vongi-yj-btn button {
+	padding: 5px 15px;
 	border-radius: 17px;
 }
+
 .vongi-login-form.mui-input-group .mui-input-row:after {
 	-webkit-transform: initial;
 	transform: initial;
@@ -988,13 +995,15 @@ h3 {
 
 .vongi-pipei .mui-pull-left {
 	margin-right: 15px;
-	position:relative
+	position: relative
 }
-.vongi-pipei .mui-pull-left .mui-badge{
-	position:absolute;
-	right:0;
-	top:0
+
+.vongi-pipei .mui-pull-left .mui-badge {
+	position: absolute;
+	right: 0;
+	top: 0
 }
+
 .vongi-pipei .mui-table-view-cell a {
 	display: flex;
 	align-items: center;
@@ -1093,7 +1102,7 @@ h3 {
 	overflow: hidden;
 	display: flex;
 	border-radius: 4px;
-	padding:5px;
+	padding: 5px;
 }
 
 .vongi-wordcard .fyy-upphoto .mui-col-xs-3 img {
@@ -1112,7 +1121,7 @@ h3 {
 	text-align: center;
 	color: #999;
 	border: 1px #999 solid;
-    border-radius: 4px;
+	border-radius: 4px;
 }
 
 .vongi-wordcard .mui-media-object {
@@ -1264,7 +1273,7 @@ h3 {
 	display: block;
 	background: #eee;
 	padding: 10px;
-	margin:10px 10px 10px 50px
+	margin: 10px 10px 10px 50px
 }
 
 .vongi-wordcard-sp .mui-input-group .mui-input-row {
@@ -1325,13 +1334,13 @@ h3 {
 .vongi-wordcard-sp #item1mobile .mui-btn-danger {
 	background: #fe616c;
 	width: 30%;
-    border-radius: initial;
+	border-radius: initial;
 }
 
 .vongi-wordcard-sp #item1mobile .mui-btn-success {
 	background: #47bf37;
 	width: 30%;
-    border-radius: initial;
+	border-radius: initial;
 }
 
 .vongi-wordcard-sp #item2mobile .mui-btn-danger,
@@ -1416,9 +1425,11 @@ h3 {
 	display: block;
 	padding: 11px 15px;
 }
-.vongi-yddk-dat-photo .flew{
+
+.vongi-yddk-dat-photo .flew {
 	flex-wrap: wrap;
 }
+
 .vongi-qingjiadt .mui-input-group .vongi-qingjiadt-photo {
 	width: 36px;
 	height: 36px;
@@ -1439,13 +1450,13 @@ h3 {
 
 .vongi-yidi-location {
 	position: relative;
-	padding:17px 40px 16px 15px;
-	background:#ffffff;
-	display:block;
+	padding: 17px 40px 16px 15px;
+	background: #ffffff;
+	display: block;
 	white-space: normal;
 	text-align: left;
-	border:0;
-	width:100%
+	border: 0;
+	width: 100%
 }
 
 .vongi-yidi-location .mui-icon {
@@ -1530,27 +1541,34 @@ h3 {
 .vongi-archives-search .mui-active {
 	color: #3385FF
 }
-.vongi-zgtz .mui-collapse.vongi-archives{
-	border-bottom:1px solid #eee
+
+.vongi-zgtz .mui-collapse.vongi-archives {
+	border-bottom: 1px solid #eee
 }
-.vongi-zgtz .mui-collapse.vongi-archives a{
-	padding-right:35px
+
+.vongi-zgtz .mui-collapse.vongi-archives a {
+	padding-right: 35px
 }
-.vongi-zgtz .vongi-archives .mui-table-view .mui-pull-right{
-	padding:0
+
+.vongi-zgtz .vongi-archives .mui-table-view .mui-pull-right {
+	padding: 0
 }
+
 .vongi-clasadmin {
 	background: #ffffff;
 	margin-bottom: 10px
 }
-.vongi-zgtz .vongi-clasadmin{
-	margin-bottom:1px
+
+.vongi-zgtz .vongi-clasadmin {
+	margin-bottom: 1px
 }
-.vongi-zgtz-search{
-	padding:10px;
-	border-top:1px #eee solid
+
+.vongi-zgtz-search {
+	padding: 10px;
+	border-top: 1px #eee solid
 }
-.vongi-zgtz-search input{
+
+.vongi-zgtz-search input {
 	border-radius: 17px;
 }
 
@@ -1576,186 +1594,306 @@ h3 {
 .vongi-clasadmin-ma span {
 	font-size: 24px;
 }
-.vongi-yddk-dat-photo{
-	margin-left:-5px;
+
+.vongi-yddk-dat-photo {
+	margin-left: -5px;
 	flex-wrap: wrap;
 }
-.vongi-yddk-dat-photo .mui-col-xs-3{
+
+.vongi-yddk-dat-photo .mui-col-xs-3 {
 	padding: 5px;
-    display: flex;
-    height: 46px;
-    border-radius: 4px;
-    overflow: hidden;	 
+	display: flex;
+	height: 46px;
+	border-radius: 4px;
+	overflow: hidden;
 }
-.vongi-yddk-dat-photo .mui-col-xs-3 img{
-	width:100%;
+
+.vongi-yddk-dat-photo .mui-col-xs-3 img {
+	width: 100%;
 	object-fit: cover;
-	background:#999;
+	background: #999;
 	min-height: 45px;
 }
-.vongi-send .mui-input-row{
-	position:relative
+
+.vongi-send .mui-input-row {
+	position: relative
 }
-.vongi-send .mui-input-row h6{
-	position:absolute;
-	right:15px;
-	bottom:0
+
+.vongi-send .mui-input-row h6 {
+	position: absolute;
+	right: 15px;
+	bottom: 0
 }
-.vongi-dwlist h6{
+
+.vongi-dwlist h6 {
 	text-align: center;
-    padding: 10px 15px;
+	padding: 10px 15px;
 }
+
 .vongi-choose .mui-table-view:before,
 .vongi-choose .mui-table-view:after,
-.vongi-choose .mui-table-view-cell:after
-{
-	background:0
+.vongi-choose .mui-table-view-cell:after {
+	background: 0
 }
-.mui-grid-view.mui-grid-9.vongi-statistics{
-	padding-top:10px
+
+.mui-grid-view.mui-grid-9.vongi-statistics {
+	padding-top: 10px
 }
-.vongi-statistics-body{
+
+.vongi-statistics-body {
 	background: #fff;
-    padding: 20px 0;
-    border-radius: 4px;
-    text-align: center;
+	padding: 20px 0;
+	border-radius: 4px;
+	text-align: center;
 }
-.mui-grid-view.mui-grid-9 .mui-media .vongi-statistics-body .mui-icon{
-	color:#797979;
-	padding:0
+
+.mui-grid-view.mui-grid-9 .mui-media .vongi-statistics-body .mui-icon {
+	color: #797979;
+	padding: 0
 }
-.vongi-statistics-body .mui-media-body{
-	margin-top:5px
+
+.vongi-statistics-body .mui-media-body {
+	margin-top: 5px
 }
-.vongi-statistics.mui-grid-view.mui-grid-9 .mui-table-view-cell{
+
+.vongi-statistics.mui-grid-view.mui-grid-9 .mui-table-view-cell {
 	padding: 0 10px;
 }
-.mui-grid-view.mui-grid-9 .mui-media .vongi-statistics-body .mui-icon{
-	font-size:36px
+
+.mui-grid-view.mui-grid-9 .mui-media .vongi-statistics-body .mui-icon {
+	font-size: 36px
 }
-.vongi-yctj-list .mui-table-view-cell .mui-table-view-chevron .mui-table-view-cell>a:not(.mui-btn){
+
+.vongi-yctj-list .mui-table-view-cell .mui-table-view-chevron .mui-table-view-cell>a:not(.mui-btn) {
 	margin-left: -45px;
-    padding-right: 30px;
+	padding-right: 30px;
 }
-.vongi-zcjlu.mui-table-view-chevron .mui-table-view-cell>a:not(.mui-btn){
+
+.vongi-zcjlu.mui-table-view-chevron .mui-table-view-cell>a:not(.mui-btn) {
 	padding-right: 20px;
 	border-bottom: 1px #eee solid;
 }
+
 .vongi-yctj-list .mui-table-view .mui-table-view-cell.mui-collapse.mui-active .mui-table-view-cell>a:not(.mui-btn).mui-active {
 	margin-left: -45px;
-    padding-left: 30px;
+	padding-left: 30px;
 }
-.vongi-yctj-list .mui-table-view .mui-media-body h4{
-	margin-right:0
+
+.vongi-yctj-list .mui-table-view .mui-media-body h4 {
+	margin-right: 0
 }
-.vongi-yctj-list .mui-table-view-cell.mui-collapse .mui-table-view .mui-table-view-cell:after{
-	left:15px
+
+.vongi-yctj-list .mui-table-view-cell.mui-collapse .mui-table-view .mui-table-view-cell:after {
+	left: 15px
 }
+
 .vongi-yctj-list .mui-table-view:before,
-.vongi-yctj-list .mui-table-view:after{
-	background:0
+.vongi-yctj-list .mui-table-view:after {
+	background: 0
 }
-.vongi-yctj-list .mui-table-view-cell .mui-table-view-chevron .mui-table-view-cell .iconfont{
-	margin-left:15px;
-	font-size:14px;
+
+.vongi-yctj-list .mui-table-view-cell .mui-table-view-chevron .mui-table-view-cell .iconfont {
+	margin-left: 15px;
+	font-size: 14px;
 }
-.fyy-slider.vongi-fkwall{
-	margin-top:0
+
+.fyy-slider.vongi-fkwall {
+	margin-top: 0
 }
-.vongi-fklist .openfyy-list .mui-table-view-cell{
-	margin:10px;
+
+.vongi-fklist .openfyy-list .mui-table-view-cell {
+	margin: 10px;
 	line-height: 30px;
 	border-radius: 7px;
 }
-.vongi-fklist .openfyy-list .mui-ellipsis{
+
+.vongi-fklist .openfyy-list .mui-ellipsis {
 	display: flex;
-    justify-content: space-between;
+	justify-content: space-between;
 }
+
 .mui-segmented-control.mui-segmented-control-inverted .mui-control-item.mui-active:after {
-    width: 50px;
-    height: 2px;
-    content: "";
-    background: #3385FF;
-    position: absolute;
-    bottom: 0;
-    left: 50%;
-    margin-left: -25px;
+	width: 50px;
+	height: 2px;
+	content: "";
+	background: #3385FF;
+	position: absolute;
+	bottom: 0;
+	left: 50%;
+	margin-left: -25px;
 }
+
 .mui-segmented-control.mui-segmented-control-inverted .mui-control-item.mui-active {
-    position: relative;
-    color: #333;
-    }
+	position: relative;
+	color: #333;
+}
+
 .mui-segmented-control.mui-scroll-wrapper .mui-control-item {
-    color: #999;
+	color: #999;
 }
-.mui-scroll, .mui-scroll-wrapper, .mui-fullscreen .mui-segmented-control~.mui-slider-group, .vongi-qingjiadt .mui-fullscreen {
-    position: inherit;
+
+.mui-scroll,
+.mui-scroll-wrapper,
+.mui-fullscreen .mui-segmented-control~.mui-slider-group,
+.vongi-qingjiadt .mui-fullscreen {
+	position: inherit;
 }
-.vongi-fkdat-name .flew{
-	justify-content : flex-end;
+
+.vongi-fkdat-name .flew {
+	justify-content: flex-end;
 	align-items: center;
 }
-.vongi-qingjiadt .mui-input-group .flew span{
-	padding:0;
-	margin-left:5px
+
+.vongi-qingjiadt .mui-input-group .flew span {
+	padding: 0;
+	margin-left: 5px
 }
-.vongi-fkdat-name h5{
-	width:20px;
-	height:20px;
+
+.vongi-fkdat-name h5 {
+	width: 20px;
+	height: 20px;
 	line-height: 20px;
 	border-radius: 50%;
-	background:#3385FF;
+	background: #3385FF;
 	text-align: center;
-	color:#ffffff;
+	color: #ffffff;
 	margin: 0;
-	margin-left:5px
+	margin-left: 5px
 }
+
 .vongi-fkdat .mui-content-padded {
 	border-radius: 7px;
 	overflow: hidden;
 }
-.vongi-yqma .mui-table-view{
-	width:90%;
-	margin:0 auto;
+
+.vongi-yqma .mui-table-view {
+	width: 90%;
+	margin: 0 auto;
 }
-.vongi-yqma-ma{
-	border:1px solid #EEEEEE;
+
+.vongi-yqma-ma {
+	border: 1px solid #EEEEEE;
 	border-radius: 3px;
-	padding:10px;
-	margin-bottom:10px
+	padding: 10px;
+	margin-bottom: 10px
 }
-.vongi-yqma-ma img{
-	width:100%
+
+.vongi-yqma-ma img {
+	width: 100%
 }
-.vongi-yqma .mui-table-view-cell span{
+
+.vongi-yqma .mui-table-view-cell span {
 	text-align: right;
-    justify-content: flex-end;
+	justify-content: flex-end;
 }
-.vongi-yqma .mui-table-view-cell p{
+
+.vongi-yqma .mui-table-view-cell p {
 	text-align: center;
-	font-size:14px;
+	font-size: 14px;
 }
-.vongi-yqma .mui-content-padded{
-	background:#ffffff;
+
+.vongi-yqma .mui-content-padded {
+	background: #ffffff;
 	border-radius: 9px;
 }
-.vongi-yqma-logo{
+
+.vongi-yqma-logo {
 	margin: 15px auto;
-    width: 100px;
+	width: 100px;
 }
-.vongi-yqma-logo img{
+
+.vongi-yqma-logo img {
 	display: flex;
 }
+
 .vongi-sbzt-yuan {
-	width:12px;
-	height:12px;
-	border-radius: 50%;	
+	width: 12px;
+	height: 12px;
+	border-radius: 50%;
+	display: block;
+	margin-right: 5px
+}
+
+.yuan-green {
+	background: #52C41A
+}
+
+.yuan-red {
+	background: #FF6666
+}
+
+.vongi-xzdw-search {
+	position: relative
+}
+
+.vongi-xzdw-search input {
+	text-align: left;
+	padding-left: 35px;
+	background: #ffffff
+}
+
+.vongi-xzdw .mui-fullscreen {
+	margin-top: 143px
+}
+
+.vongi-xzdw-search .mui-icon-search {
+	position: absolute;
+	top: 50%;
+	left: 10px;
+	margin-top: -11px
+}
+
+.vongi-xzdw .fyy-date.mui-content-padded h5 {
+	color: #3385FF;
+	font-weight: bold;
+}
+
+.vongi-xzdw-city .mui-segmented-control.mui-segmented-control-inverted .mui-control-item.mui-active:after {
+	width: 2px;
+	height: 100%;
+	left: 0;
+	margin-left: 0
+}
+
+.vongi-xzdw-city .mui-table-view-cell:after {
+	left: 0
+}
+
+.mui-row.mui-fullscreen.vongi-xzdw-city>[class*="mui-col-"] {
+	height: 100%;
+}
+
+.vongi-xzdw-city .mui-col-xs-3,
+.vongi-xzdw-city .mui-col-xs-9 {
+	overflow-y: auto;
+	height: 100%;
+}
+
+.vongi-xzdw-city .mui-segmented-control .mui-control-item {
+	line-height: 42px;
+	width: 100%;
+}
+
+.vongi-xzdw-city .mui-control-content {
 	display: block;
-	margin-right:5px
 }
-.yuan-green{
-	background:#52C41A
+
+.vongi-xzdw-city .mui-segmented-control.mui-segmented-control-inverted .mui-control-item.mui-active {
+	background-color: #fff;
+}
+
+.vongi-xzdw-city .mui-col-xs-9 {
+	border-left: 1px solid #c8c7cc;
+}
+.vongi-meform-pho{
+	background:#ffffff;
+	padding:10px 15px;
+	margin-bottom:10px;
+	margin-top:4px
+}
+.vongi-meform .mui-h5{
+	padding:10px 15px
+}
+.vongi-meform h5{
+	margin-bottom:10px
 }
-.yuan-red{
-	background:#FF6666
-}

src/projects/business/views/Master/Mine/Center.vue

@@ -1,146 +1,153 @@
 <template>
-	<div>
-		<common @asynCallBack="asynCallBack"></common>
+  <div>
+    <common @asynCallBack="asynCallBack"></common>
 
-		<div class="mui-content margin49">
-			<div class="vongi-me">
-				<div class="vongi-me-name">
-					<div class="vongi-me-top">
-						<div class="flew-items">
-							<div class="mui-media-object mui-pull-left">
-								<img :src="person_data.faceImageUrl">
-							</div>
-							<h2>{{wellcomme}}{{person_data.name}}</h2>
-						</div>
-						<h4 v-text="person_data.phone"></h4>
-					</div>
-					<button type="button" class="mui-btn mui-btn-primary mui-btn-outlined" @click="editInfo">编辑资料</button>
-				</div>
-				<div class="vongi-me-card">
-					<h2 v-text="person_data.position1"></h2>
-					<h4 v-text="person_data.position2"></h4>
-				</div>
-			</div>
-			<div class="vongi-me-list">
-				<ul class="mui-table-view mui-table-view-chevron vongi-news kfz">
-					<li class="mui-table-view-cell">
-						<a href="" class="mui-navigate-right">
-							<img src="~$project/assets/img/cicon23.png" width="18" /> 携出申请审核
-						</a>
-					</li>
-				</ul>
-				<ul class="mui-table-view mui-table-view-chevron vongi-news kfz">
-					<li class="mui-table-view-cell">
-						<a href="" class="mui-navigate-right">
-							<img src="~$project/assets/img/cicon32.png" width="18" /> 园区账单
-						</a>
-					</li>
-					<li class="mui-table-view-cell">
-						<a href="" class="mui-navigate-right kfz">
-							<img src="~$project/assets/img/cicon07.png" width="18" /> 我的订单
-						</a>
-					</li>
-				</ul>
-				<ul class="mui-table-view mui-table-view-chevron vongi-news">
-					<li class="mui-table-view-cell">
-						<a href="tel:4008899619" class="mui-navigate-right">
-							<img src="~$project/assets/img/cicon33.png" width="18" /> 客服热线
-							<span>400-8899-619</span>
-						</a>
-					</li>
-				</ul>
-			</div>
-		</div>
+    <div class="mui-content margin49">
+      <div class="vongi-icon-gear">
+        <a id="icon-gear" class="mui-icon mui-icon-gear" href=""></a>
+      </div>
+      <div class="vongi-me">
+        <div class="vongi-me-name">
+          <div class="vongi-me-top">
+            <div class="flew-items">
+              <div class="mui-media-object mui-pull-left">
+                <img :src="person_data.faceImageUrl" />
+              </div>
+              <h2>{{ wellcomme }}{{ person_data.name }}</h2>
+            </div>
+            <h4 v-text="person_data.phone"></h4>
+          </div>
+          <button
+            type="button"
+            class="mui-btn mui-btn-primary mui-btn-outlined"
+            @click="editInfo"
+          >
+            编辑资料
+          </button>
+        </div>
+        <div class="vongi-me-card">
+          <h2 v-text="person_data.position1"></h2>
+          <h4 v-text="person_data.position2"></h4>
+        </div>
+      </div>
+      <div class="vongi-me-list">
+        <ul class="mui-table-view mui-table-view-chevron vongi-news">
+          <li class="mui-table-view-cell">
+            <a href="" class="mui-navigate-right">
+              <img src="~$project/assets/img/cicon32.png" width="18" /> 我的账单
+            </a>
+          </li>
+          <li class="mui-table-view-cell">
+            <a href="" class="mui-navigate-right">
+              <img src="~$project/assets/img/cicon07.png" width="18" /> 我的订单
+            </a>
+          </li>
+        </ul>
+        <ul class="mui-table-view mui-table-view-chevron vongi-news">
+          <li class="mui-table-view-cell">
+            <a href="" class="mui-navigate-right">
+              <img src="~$project/assets/img/set.png" width="18" /> 问题反馈
+            </a>
+          </li>
+          <li class="mui-table-view-cell">
+            <a href="tel:4008899619" class="">
+              <img src="~$project/assets/img/cicon33.png" width="18" /> 客服热线
+              <span>400-8899-619</span>
+              <span class="mui-icon mui-icon-phone"></span>
+            </a>
+          </li>
+        </ul>
+      </div>
+    </div>
 
-		<nav-menu :router="[{name:'Master'},{name:'MasterMineMessage'},{name:'MasterMineCenter'}]"></nav-menu>
+    <nav-menu
+      :router="[
+        { name: 'Master' },
+        { name: 'MasterMineMessage' },
+        { name: 'MasterMineCenter' },
+      ]"
+    ></nav-menu>
 
-		<loading :visible="isLoading"></loading>
-	</div>
+    <loading :visible="isLoading"></loading>
+  </div>
 </template>
 
 <script>
-	import Common from '$project/components/Common.vue'
-	import Loading from '$project/components/Loading.vue'
-	import TopHeader from '$project/components/TopHeader.vue'
-	import NavMenu from '@/components/NavMenu.vue'
-	import {
-		mapGetters,
-		mapMutations
-	} from 'vuex'
-	export default {
-		name: 'MasterMineCenter',
-		components: {
-			Common,
-			Loading,
-			TopHeader,
-			NavMenu
-		},
-		data() {
-			return {
-				pageTitle: '个人中心',
+import Common from "$project/components/Common.vue";
+import Loading from "$project/components/Loading.vue";
+import TopHeader from "$project/components/TopHeader.vue";
+import NavMenu from "@/components/NavMenu.vue";
+import { mapGetters, mapMutations } from "vuex";
+export default {
+  name: "MasterMineCenter",
+  components: {
+    Common,
+    Loading,
+    TopHeader,
+    NavMenu,
+  },
+  data() {
+    return {
+      pageTitle: "个人中心",
 
-				isLoading: false,
-			}
-		},
-		created() {
-			//如果不存在则跳转到注册页面
-			if (!this.person_data) {
-				window.location.href = '../home/#/user/login'
-			}
-		},
-		methods: {
-			//修改个人信息
-			editInfo() {
-				this.$router.push({
-					name: 'MasterMineEditInfo',
-					query: {}
-				})
-			},
-			asynCallBack() {},
-		},
-		mounted() {
-
-		},
-		destroyed() {
-
-		},
-		computed: {
-			wellcomme: {
-				// getter
-				get: function() {
-					let now = new Date(),
-						hour = now.getHours()
-					if (hour < 6) {
-						return '凌晨好！';
-					} else if (hour < 9) {
-						return '早上好！';
-					} else if (hour < 12) {
-						return '上午好';
-					} else if (hour < 14) {
-						return '中午好！';
-					} else if (hour < 17) {
-						return '下午好！';
-					} else if (hour < 19) {
-						return '傍晚好！';
-					} else if (hour < 22) {
-						return '晚上好！';
-					} else {
-						return '夜里好！';
-					}
-				},
-				// setter
-				set: function(newValue) {
-					console.log(newValue)
-				}
-			},
-			...mapGetters({
-				openId: 'wx_openid',
-				token: 'token',
-				person_data: 'person_data',
-				person_popedom: 'person_popedom',
-			})
-		}
-	}
+      isLoading: false,
+    };
+  },
+  created() {
+    //如果不存在则跳转到注册页面
+    if (!this.person_data) {
+      window.location.href = "../home/#/user/login";
+    }
+  },
+  methods: {
+    //修改个人信息
+    editInfo() {
+      this.$router.push({
+        name: "MasterMineEditInfo",
+        query: {},
+      });
+    },
+    asynCallBack() {},
+  },
+  mounted() {},
+  destroyed() {},
+  computed: {
+    wellcomme: {
+      // getter
+      get: function () {
+        let now = new Date(),
+          hour = now.getHours();
+        if (hour < 6) {
+          return "凌晨好！";
+        } else if (hour < 9) {
+          return "早上好！";
+        } else if (hour < 12) {
+          return "上午好";
+        } else if (hour < 14) {
+          return "中午好！";
+        } else if (hour < 17) {
+          return "下午好！";
+        } else if (hour < 19) {
+          return "傍晚好！";
+        } else if (hour < 22) {
+          return "晚上好！";
+        } else {
+          return "夜里好！";
+        }
+      },
+      // setter
+      set: function (newValue) {
+        console.log(newValue);
+      },
+    },
+    ...mapGetters({
+      openId: "wx_openid",
+      token: "token",
+      person_data: "person_data",
+      person_popedom: "person_popedom",
+    }),
+  },
+};
 </script>
 
 

src/projects/business/views/Master/Mine/Config.vue

@@ -1,8 +1,39 @@
 <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-me-list vongi-meset-list">
+        <ul class="mui-table-view mui-table-view-chevron vongi-news">
+          <li class="mui-table-view-cell">
+            <a href="" class="mui-navigate-right flew-sp">
+              已绑定手机号
+              <span>155****1111</span>
+            </a>
+          </li>
+          <li class="mui-table-view-cell">
+            <a href="" class="mui-navigate-right flew-sp">
+              字体大小
+              <span>普通模式</span>
+            </a>
+          </li>
+          <li class="mui-table-view-cell">
+            <a href="" class="mui-navigate-right"> 关于小鹏管家 </a>
+          </li>
+        </ul>
+        <a href="" class="vongi-meset">切换身份</a>
+        <a href="" class="vongi-meset">退出帐号</a>
+      </div>
+    </div>
+  </div>
 </template>
 
 <script>
 </script>
 
+<style scoped src="$project/assets/css/xpgj.css"></style>
+<style src="$project/assets/css/iconfont.css"></style>
 <style>
 </style>

src/projects/business/views/Master/Mine/Feedback.vue

@@ -1,8 +1,51 @@
 <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-meform">
+      <div class="mui-h5">问题和意见</div>
+      <div class="mui-input-row">
+        <textarea
+          id="textarea"
+          rows="5"
+          placeholder="请详细描述您的问题和意见"
+        ></textarea>
+      </div>
+      <div class="vongi-wordcard vongi-meform-pho">
+        <h5>上传图片<span class="mui-h6">（选填,提供问题截图）</span></h5>
+        <div class="fyy-upphoto">
+          <div class="mui-col-xs-3">
+            <img src="~$project/assets/img/zhaop.jpg" />
+          </div>
+          <div class="mui-col-xs-3">
+            <a><span class="mui-icon mui-icon-camera"></span></a>
+          </div>
+        </div>
+      </div>
+      <form class="mui-input-group">
+        <div class="mui-input-row">
+          <label>联系方式</label>
+          <input
+            type="text"
+            class="mui-input-clear"
+            placeholder="选填，方便我们联系您"
+          />
+        </div>
+      </form>
+      <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>