个人中心修改完毕

src/components/index.vue

@@ -7,10 +7,9 @@
         <!-- logo -->
         <div class="logoinfo">
           <div>
-            <img :src="$imghost + logoIcon" width="40" alt v-if="loginInfo.role_logo" />
-            <img :src="loginInfo.role_logo" v-else />
-            <!-- <span>{{ loginInfo.role_header || "河南省高标准农田管理系统" }}</span> -->
-            <span>河南省高标准农田管理系统</span>
+            <img :src="$imghost + logoIcon" width="40" alt v-if="!loginInfo.role_logo" />
+            <img :src="loginInfo.role_logo" v-else width="40px" />
+            <span>{{ loginInfo.role_header || "河南省高标准农田管理系统" }}</span>
           </div>
           <!-- {{menuTabs}} -->
         </div>

src/pages/plantGuard/plantProtection/baseComponents/cbdTabPhoto.vue

@@ -12,7 +12,9 @@
     </div>
     <div class="photos" v-viewer>
       <div v-for="i in imgList" :key="i.addtime">
-        <img :src="i.addr" alt />
+        <div class="photo">
+          <img :src="i.addr" alt />
+        </div>
         <div class="time">
           <span>{{i.addtime*1000|formatTime}}</span>
           <span @click="discernFun(i)">识别</span>
@@ -285,8 +287,17 @@ export default {
     max-width: 33.3333%;
     min-width: 33.3333%;
     text-align: center;
-    img {
-      width: 90%;
+    .photo{
+      width: 220px;
+      height: 170px;
+      position: relative;
+      overflow: hidden;
+      img{
+        height: 100%;
+      position: absolute;
+      left: 50%;
+      transform: translate(-50%);
+      }
     }
     .time {
       color: #04d5e8;

src/pages/plantGuard/sysManage/personMsg.vue

@@ -1,9 +1,6 @@
 <template>
-	<div>
-		<el-breadcrumb separator-class="el-icon-arrow-right">
-			<el-breadcrumb-item>个人中心</el-breadcrumb-item>
-		</el-breadcrumb>
-		<el-card class="card">
+	<div class="innerMargin">
+    <el-card class="box-card">
 			<el-form
 				class="form"
 				ref="userMsgRef"
@@ -271,41 +268,39 @@ export default {
 </script>
 
 <style lang='less' scoped>
-.card {
-	min-height: 80vh;
-	.form {
-		// width: 50%;
-		// 头像上传
-		.avatar-uploader .el-upload {
-			border: 1px dashed #d9d9d9;
-			border-radius: 6px;
-			cursor: pointer;
-			position: relative;
-			overflow: hidden;
-		}
-		.avatar-uploader .el-upload:hover {
-			border-color: #409eff;
-		}
-		.avatar-uploader-icon {
-			font-size: 28px;
-			color: #8c939d;
-			width: 150px;
-			height: 150px;
-			line-height: 150px !important;
-			text-align: center;
-		}
-		.avatar {
-			width: 178px;
-			height: 178px;
-			display: block;
-		}
-		.hint {
-			font-size: 12px;
-			color: #707070;
-		}
-		.el-input {
-			width: 220px;
-		}
+
+.form {
+	// 头像上传
+	.avatar-uploader .el-upload {
+		border: 1px dashed #d9d9d9;
+		border-radius: 6px;
+		cursor: pointer;
+		position: relative;
+		overflow: hidden;
 	}
+	.avatar-uploader .el-upload:hover {
+		border-color: #409eff;
+	}
+	.avatar-uploader-icon {
+		font-size: 28px;
+		color: #8c939d;
+		width: 150px;
+		height: 150px;
+		line-height: 150px !important;
+		text-align: center;
+	}
+	.avatar {
+		width: 178px;
+		height: 178px;
+		display: block;
+	}
+	.hint {
+		font-size: 12px;
+		color: #707070;
+	}
+}
+
+/deep/.el-input {
+	width: 220px ;
 }
 </style>