app登录页

jnpf-app/pages/login/index.vue

@@ -1,5 +1,65 @@
 <template>
-	<view class="logo-v">
+  <view class="viewport">
+    <image
+      src="/static/images/bg1@2x.png"
+      class="hd"
+      mode="'aspectFit'"
+    ></image>
+    <image src="/static/images/logorhd.png" class="rhd" mode="scaleToFill" />
+    <view class="md">
+      <view class="form-title">
+        <view class="title"> 用户登录 </view>
+        <view class="desc"> USER LOGIN </view>
+      </view>
+      <u-form :rules="rules" :model="formData" ref="dataForm" label-width="90px">
+        <u-form-item prop="account" class="form-item" label="员工工号：">
+          <input
+            class="input"
+            placeholder="请填写员工工号"
+            v-model="formData.account"
+          />
+        </u-form-item>
+        <u-form-item prop="password" class="form-item" label="登录密码：">
+          <input
+            class="input"
+            type="password"
+            placeholder="请填写登录密码"
+            :maxlength="11"
+            v-model="formData.password"
+          />
+        </u-form-item>
+      </u-form>
+	  <u-button
+        :style="{
+          margin: '35px',
+          background: 'linear-gradient(45deg, #6f89dd, #2a4bb4)',
+        }"
+        @click="login"
+        type="primary"
+        :loading="loading"
+        >{{ loading ? "登录中..." : "登录" }}
+      </u-button>
+    </view>
+    <view class="foot">
+      <view class="desc"> 请联系管理员获取工号和密码 </view>
+      <view class="copy-right"
+        >Copyright ©上海长江云息数字科技有限公司,All Rights Reserved.
+        专注工业信息化-供应链解决方案</view
+      >
+      <!-- <u-button
+        :style="{
+          height: '64px',
+          radius: '0px',
+          background: 'linear-gradient(45deg, #6f89dd, #2a4bb4)',
+        }"
+        @click="login"
+        type="primary"
+        :loading="loading"
+        >{{ loading ? "登录中..." : "登录" }}
+      </u-button> -->
+    </view>
+  </view>
+  <!-- <view class="logo-v">
 		<view class="login-bg">
 			<image src="https://app.cdn.jnpfsoft.com/image/login-bg.png" mode="widthFix"></image>
 			<view class="logoImg">
@@ -45,26 +105,18 @@
 						<u-divider margin-top='40' margin-bottom='40' half-width='100%'>其他登录方式</u-divider>
 						<view class="other-list">
 							<block v-for="(item,i) in socialsList" :key="i">
-								<!--#ifdef MP-WEIXIN -->
 								<view class="other-item" v-if="item.enname==='wechat_open'" :title="item.name"
 									@click="wechatLogin()"><i :class="item.icon" />
 								</view>
-								<!-- #endif -->
-								<!-- #ifndef MP-WEIXIN -->
-								<!--#ifdef APP-PLUS-->
 								<view class="other-item" v-if="item.enname==='qq'" :title="item.name"
 									@click="qqOtherlogin()"><i :class="item.icon" />
 								</view>
-								<!-- #endif -->
-								<!-- #ifdef H5 || MP-WEIXIN -->
 								<view class="other-item" v-if="item.enname==='qq'" :title="item.name"
 									@click="otherslogin(item.enname,item.renderUrl)"><i :class="item.icon" />
 								</view>
-								<!-- #endif -->
 								<view class="other-item" v-else :title="item.name"
 									@click="otherslogin(item.enname,item.renderUrl)"><i :class="item.icon" />
 								</view>
-								<!-- #endif -->
 							</block>
 						</view>
 					</template>
@@ -105,11 +157,11 @@
 				</view>
 			</view>
 		</u-popup>
-	</view>
+	</view> -->
 </template>
 
 <script>
-	import {
+import {
   login,
   getCodeConfig,
   getCallback,
@@ -117,81 +169,88 @@
   getLoginConfig,
   getSocialsUserList,
   socialsLogin,
-		getTicket
-	} from '@/api/common.js'
-	import md5Libs from "uview-ui/libs/function/md5";
-	import resources from '@/libs/resources'
-	export default {
+  getTicket,
+} from "@/api/common.js";
+import md5Libs from "uview-ui/libs/function/md5";
+import resources from "@/libs/resources";
+export default {
   data() {
     return {
-				imgUrl: '',
+      imgUrl: "",
       loading: false,
       formData: {
         account: "",
         password: "",
         code: "",
-					origin: 'password'
+        origin: "password",
       },
       needCode: false,
       codeLength: 4,
       isCode: false,
       rules: {
-					account: [{
+        account: [
+          {
             required: true,
-						message: '请输入账号',
-						trigger: 'blur',
-					}],
-					password: [{
+            message: "请输入账号",
+            trigger: "blur",
+          },
+        ],
+        password: [
+          {
             required: true,
-						message: '请输入密码',
-						trigger: 'blur',
-					}],
+            message: "请输入密码",
+            trigger: "blur",
+          },
+        ],
       },
       sysConfigInfo: {},
-				appIcon: '',
-				sysName: '',
-				copyright: '',
+      appIcon: "",
+      sysName: "",
+      copyright: "",
       isCopyright: true,
       socialsList: [],
       show: false,
       tenantUserInfo: [],
       ssoLoading: true,
       isSso: false,
-				ssoTicket: '',
-				ssoUrl: '',
-				preUrl: '',
+      ssoTicket: "",
+      ssoUrl: "",
+      preUrl: "",
       ticketParams: "",
-				loginCode: '',
-			}
+      loginCode: "",
+    };
   },
   computed: {
     baseURL() {
-				return this.define.baseURL
+      return this.define.baseURL;
     },
     cid() {
-				return this.$store.getters.cid
-			}
+      return this.$store.getters.cid;
+    },
   },
   onReady() {
     this.$refs.dataForm.setRules(this.rules);
   },
   onLoad(options) {
-			this.ssoTicket = uni.getStorageSync('ssoTicket')
-			this.sysConfigInfo = uni.getStorageSync('sysConfigInfo')
-			this.appIcon = !!this.sysConfigInfo.appIcon ? this.baseURL + this.sysConfigInfo.appIcon :
-				'/static/logo.png'
-			this.sysName = !!this.sysConfigInfo.companyName ? this.sysConfigInfo.sysName :
-				'JNPF快速开发平台'
-			this.copyright = !!this.sysConfigInfo.copyright ? this.sysConfigInfo.copyright :
-				this.define.copyright
-			let needCode = uni.getStorageSync('app_loginNeedCode')
-			this.isCode = needCode
-			this.changeCode()
-			this.getLoginConfig()
-			this.formData.password = '';
+    this.ssoTicket = uni.getStorageSync("ssoTicket");
+    this.sysConfigInfo = uni.getStorageSync("sysConfigInfo");
+    this.appIcon = !!this.sysConfigInfo.appIcon
+      ? this.baseURL + this.sysConfigInfo.appIcon
+      : "/static/logo.png";
+    this.sysName = !!this.sysConfigInfo.companyName
+      ? this.sysConfigInfo.sysName
+      : "JNPF快速开发平台";
+    this.copyright = !!this.sysConfigInfo.copyright
+      ? this.sysConfigInfo.copyright
+      : this.define.copyright;
+    let needCode = uni.getStorageSync("app_loginNeedCode");
+    this.isCode = needCode;
+    this.changeCode();
+    this.getLoginConfig();
+    this.formData.password = "";
     if (options.data) {
-				this.tenantUserInfo = JSON.parse(options.data)
-				if (this.tenantUserInfo) this.show = true
+      this.tenantUserInfo = JSON.parse(options.data);
+      if (this.tenantUserInfo) this.show = true;
     }
   },
   methods: {
@@ -200,65 +259,71 @@
         // 登录成功
         if (res.data.status == 1) {
           uni.showLoading({
-							title: '登录中'
-						})
-						this.$store.commit('user/SET_TOKEN', res.data.value)
-						uni.setStorageSync('token', res.data.value)
-						this.$store.dispatch('user/getCurrentUser').then((res) => {
-							uni.hideLoading()
-							uni.reLaunch({
-								url: '/pages/index/portal'
+            title: "登录中",
           });
-						}).catch(() => {
-							uni.hideLoading()
+          this.$store.commit("user/SET_TOKEN", res.data.value);
+          uni.setStorageSync("token", res.data.value);
+          this.$store
+            .dispatch("user/getCurrentUser")
+            .then((res) => {
+              uni.hideLoading();
               uni.reLaunch({
-								url: '/pages/login/index'
+                url: "/pages/index/portal",
               });
             })
+            .catch(() => {
+              uni.hideLoading();
+              uni.reLaunch({
+                url: "/pages/login/index",
+              });
+            });
         } else if (res.data.status == 6) {
-						this.tenantUserInfo = JSON.parse(res.data.value)
+          this.tenantUserInfo = JSON.parse(res.data.value);
           if (this.tenantUserInfo.length == 1) {
             uni.showLoading({
-								title: '登录中'
-							})
-							this.$store.commit('user/SET_TOKEN', res.data.value)
-							uni.setStorageSync('token', res.data.value)
-							this.$store.dispatch('user/getCurrentUser').then((res) => {
-								uni.hideLoading()
-								uni.reLaunch({
-									url: '/pages/index/portal'
+              title: "登录中",
             });
-							}).catch(() => {
-								uni.hideLoading()
+            this.$store.commit("user/SET_TOKEN", res.data.value);
+            uni.setStorageSync("token", res.data.value);
+            this.$store
+              .dispatch("user/getCurrentUser")
+              .then((res) => {
+                uni.hideLoading();
                 uni.reLaunch({
-									url: '/pages/login/index'
-								})
+                  url: "/pages/index/portal",
+                });
               })
+              .catch(() => {
+                uni.hideLoading();
+                uni.reLaunch({
+                  url: "/pages/login/index",
+                });
+              });
           } else {
-							this.show = true
+            this.show = true;
           }
         } else {
-						this.show = false
-						this.ssoUrl = ''
+          this.show = false;
+          this.ssoUrl = "";
           uni.showToast({
-							title: res.data.value || '操作超时，请重新点击登录',
-							icon: 'none'
-						})
+            title: res.data.value || "操作超时，请重新点击登录",
+            icon: "none",
+          });
         }
       }
     },
     wechatLogin() {
       // #ifdef MP-WEIXIN
-				getTicket().then(res => {
-					this.ssoTicket = res.data
+      getTicket().then((res) => {
+        this.ssoTicket = res.data;
         uni.login({
-						provider: 'weixin',
+          provider: "weixin",
           success: (loginRes) => {
-							this.loginCode = loginRes.code
-						}
-					})
+            this.loginCode = loginRes.code;
+          },
+        });
         uni.getUserProfile({
-						desc: '获取你的昵称、头像、地区及性别',
+          desc: "获取你的昵称、头像、地区及性别",
           success: (info) => {
             let qurey = {
               encryptedData: info.encryptedData,
@@ -267,218 +332,334 @@
               code: this.loginCode,
               jnpf_ticket: this.ssoTicket,
               socialName: info.userInfo.nickName,
-								source: 'wechat_applets'
-							}
-							socialsLogin(qurey).then(res => {
-								this.loginToken(res)
-							})
-						}
-					})
-				})
+              source: "wechat_applets",
+            };
+            socialsLogin(qurey).then((res) => {
+              this.loginToken(res);
+            });
+          },
+        });
+      });
       //  #endif
       // #ifdef APP-PLUS
-				getTicket().then(res => {
-					this.ssoTicket = res.data
+      getTicket().then((res) => {
+        this.ssoTicket = res.data;
         uni.login({
-						provider: 'weixin',
+          provider: "weixin",
           success: (loginRes) => {
             // 登录成功
             uni.getUserProfile({
-								provider: 'weixin',
+              provider: "weixin",
               success: (info) => {
                 let data = {
-										source: 'wechat_open',
+                  source: "wechat_open",
                   uuid: info.userInfo.unionId,
                   socialName: info.userInfo.nickName,
-										jnpf_ticket: this.ssoTicket
+                  jnpf_ticket: this.ssoTicket,
                 };
-									socialsLogin(data).then(res => {
-										this.loginToken(res)
-									})
+                socialsLogin(data).then((res) => {
+                  this.loginToken(res);
+                });
               },
-								fail: function(err) {
+              fail: function (err) {
                 // 登录授权失败
                 // err.code是错误码
-								}
-							})
               },
-						fail: function(err) {
+            });
+          },
+          fail: function (err) {
             // 登录授权失败
             // err.code是错误码
-						}
+          },
+        });
       });
-				})
       //  #endif
-
     },
     qqOtherlogin() {
-				getTicket().then(res => {
-					this.ssoTicket = res.data
+      getTicket().then((res) => {
+        this.ssoTicket = res.data;
         uni.login({
-						provider: 'qq',
+          provider: "qq",
           success: (loginRes) => {
             // 登录成功
             uni.getUserInfo({
-								provider: 'qq',
+              provider: "qq",
               success: (info) => {
                 let data = {
-										source: 'qq',
+                  source: "qq",
                   jnpf_ticket: this.ssoTicket,
                   socialName: info.userInfo.nickName,
                   uuid: info.userInfonickName.unionid,
                 };
-									socialsLogin(data).then(res => {
-										this.loginToken(res)
-									}).catch((err) => {})
-									// 获取用户信息成功, info.authResult保存用户信息
-								}
+                socialsLogin(data)
+                  .then((res) => {
+                    this.loginToken(res);
                   })
+                  .catch((err) => {});
+                // 获取用户信息成功, info.authResult保存用户信息
+              },
+            });
           },
-						fail: function(err) {
+          fail: function (err) {
             // 登录授权失败
             // err.code是错误码
-						}
+          },
+        });
       });
-				})
     },
     socailsLogin(item) {
-				item.tenantLogin = true
-				socialsLogin(item).then(res => {
+      item.tenantLogin = true;
+      socialsLogin(item)
+        .then((res) => {
           if (res.code == 200) {
             uni.showLoading({
-							title: '登录中'
-						})
-						this.$store.commit('user/SET_TOKEN', res.data.token)
-						uni.setStorageSync('token', res.data.token)
-						this.$store.dispatch('user/getCurrentUser').then((res) => {
-							uni.hideLoading()
-							uni.switchTab({
-								url: '/pages/index/portal'
+              title: "登录中",
             });
-							this.show = false
-						}).catch(() => {
-							uni.hideLoading()
+            this.$store.commit("user/SET_TOKEN", res.data.token);
+            uni.setStorageSync("token", res.data.token);
+            this.$store
+              .dispatch("user/getCurrentUser")
+              .then((res) => {
+                uni.hideLoading();
                 uni.switchTab({
-								url: '/pages/login/index'
+                  url: "/pages/index/portal",
                 });
+                this.show = false;
               })
-					}
-				}).catch(() => {
-					uni.hideLoading()
+              .catch(() => {
+                uni.hideLoading();
                 uni.switchTab({
-						url: '/pages/login/index'
+                  url: "/pages/login/index",
                 });
+              });
+          }
         })
+        .catch(() => {
+          uni.hideLoading();
+          uni.switchTab({
+            url: "/pages/login/index",
+          });
+        });
     },
     otherslogin(key, url) {
-				if (key === 'wechat_open') {
+      if (key === "wechat_open") {
         this.wechatLogin();
       } else {
-					getTicket().then(res => {
-						this.ssoTicket = res.data
-						url = url.replace('JNPF_TICKET', this.ssoTicket)
-						uni.setStorageSync('ssoUrl', url)
+        getTicket()
+          .then((res) => {
+            this.ssoTicket = res.data;
+            url = url.replace("JNPF_TICKET", this.ssoTicket);
+            uni.setStorageSync("ssoUrl", url);
             uni.navigateTo({
-							url: `/pages/login/otherLogin?ssoTicket=` + this.ssoTicket
+              url: `/pages/login/otherLogin?ssoTicket=` + this.ssoTicket,
+            });
           })
-					}).catch(() => {})
+          .catch(() => {});
       }
     },
     onFocus(e) {
-				this.getCodeConfig(e)
+      this.getCodeConfig(e);
     },
     onBlur(e) {
-				this.getCodeConfig(e)
+      this.getCodeConfig(e);
     },
     // 获取登陆配置
     getLoginConfig() {
-				getLoginConfig().then(res => {
-					this.isSso = res.data.redirect
-					this.preUrl = res.data.url
-					this.ticketParams = res.data.ticketParams
-					let socialsList = res.data.socialsList || []
-					this.socialsList = socialsList.filter(o => o.latest && o.enname !=
-						'github' && o
-						.enname !=
-						'wechat_enterprise')
-					this.ssoLoading = false
-				}).catch(() => {
-					this.isSso = false
-					this.ssoLoading = false
+      getLoginConfig()
+        .then((res) => {
+          this.isSso = res.data.redirect;
+          this.preUrl = res.data.url;
+          this.ticketParams = res.data.ticketParams;
+          let socialsList = res.data.socialsList || [];
+          this.socialsList = socialsList.filter(
+            (o) =>
+              o.latest &&
+              o.enname != "github" &&
+              o.enname != "wechat_enterprise"
+          );
+          this.ssoLoading = false;
         })
+        .catch(() => {
+          this.isSso = false;
+          this.ssoLoading = false;
+        });
     },
     getCodeConfig(val) {
-				if (!val) return
-				getCodeConfig(val).then(res => {
-					this.needCode = !!res.data.enableVerificationCode
+      if (!val) return;
+      getCodeConfig(val).then((res) => {
+        this.needCode = !!res.data.enableVerificationCode;
         if (this.needCode) {
-						this.codeLength = res.data.verificationCodeNumber || 4
-						this.changeCode()
+          this.codeLength = res.data.verificationCodeNumber || 4;
+          this.changeCode();
         }
-				})
+      });
     },
     changeCode() {
-				let timestamp = Math.random()
-				this.timestamp = timestamp
-				this.imgUrl = `/api/oauth/ImageCode/${this.codeLength || 4}/${timestamp}`
+      let timestamp = Math.random();
+      this.timestamp = timestamp;
+      this.imgUrl = `/api/oauth/ImageCode/${this.codeLength || 4}/${timestamp}`;
     },
     login() {
-				this.$refs.dataForm.validate(valid => {
+      this.$refs.dataForm.validate((valid) => {
         if (valid) {
-						this.loading = true
+          this.loading = true;
           let query = {
             account: this.formData.account,
             password: md5Libs.md5(this.formData.password),
             timestamp: this.timestamp,
             code: this.formData.code,
             origin: this.formData.origin,
-							jnpf_ticket: this.ssoTicket
-						}
+            jnpf_ticket: this.ssoTicket,
+          };
           // #ifdef  APP-PLUS
           const clientId = plus.push.getClientInfo().clientid;
-						query.clientId = clientId
+          query.clientId = clientId;
           /* unipush2.0 */
           // query.Client_Id = this.cid
           // #endif
-						login(query).then(res => {
-							let token = res.data.token
-							this.$store.commit('user/SET_TOKEN', token)
-							uni.setStorageSync('token', token)
-							this.$store.dispatch('user/getCurrentUser').then((res) => {
-								this.loading = false
+          login(query)
+            .then((res) => {
+              let token = res.data.token;
+              this.$store.commit("user/SET_TOKEN", token);
+              uni.setStorageSync("token", token);
+              this.$store
+                .dispatch("user/getCurrentUser")
+                .then((res) => {
+                  this.loading = false;
                   uni.switchTab({
-									url: '/pages/index/portal'
+                    url: "/pages/index/portal",
                   });
-							}).catch(() => {
-								this.loading = false
                 })
-						}).catch((err) => {
-							this.loading = false
+                .catch(() => {
+                  this.loading = false;
+                });
             })
+            .catch((err) => {
+              this.loading = false;
+            });
         }
       });
     },
     ssoLogin() {
-				getTicket().then(res => {
-					this.ssoTicket = res.data
-					this.ssoUrl = this.preUrl + '?' + this.ticketParams + '=' + this.ssoTicket
-					uni.setStorageSync('ssoUrl', this.ssoUrl)
+      getTicket().then((res) => {
+        this.ssoTicket = res.data;
+        this.ssoUrl =
+          this.preUrl + "?" + this.ticketParams + "=" + this.ssoTicket;
+        uni.setStorageSync("ssoUrl", this.ssoUrl);
         uni.navigateTo({
-						url: `/pages/login/otherLogin?ssoTicket=${this.ssoTicket}`
-					})
-				})
+          url: `/pages/login/otherLogin?ssoTicket=${this.ssoTicket}`,
+        });
+      });
+    },
+  },
+};
+</script>
+
+<style lang="scss">
+page {
+  height: 100%;
+}
+
+.viewport {
+  display: flex;
+  flex-direction: column;
+  height: 100%;
+  justify-content: space-between;
+
+  .hd {
+    width: 100%;
+    height: 300rpx;
+    position: relative;
   }
+  .rhd {
+    width: 200rpx;
+    height: 200rpx;
+    position: absolute;
+    right: -10px;
+    top: 190rpx;
   }
+
+  .md {
+    flex: 1;
+    padding: 80rpx 60rpx;
+
+    .form-title {
+      .title {
+        font-size: 48rpx;
       }
-</script>
 
-<style lang="scss">
-	page {
+      .desc {
+        font-size: 28rpx;
+        color: #888888;
+      }
+    }
+
+    .u-form {
+      color: #888888;
+      margin: 80rpx 0 20rpx;
+
+      .form-item {
+        margin: 40rpx 0;
+      }
+
+      .label {
+        font-size: 32rpx;
+      }
+
+      .input {
+        background: #f5f7fa;
+        color: #595959;
+        font-size: 28rpx;
+        height: 80rpx;
+        line-height: 80rpx;
+        display: flex;
+        align-items: center;
+        padding: 0 20rpx;
+        margin-top: 20rpx;
+        border-radius: 8rpx;
+      }
+
+      .forget {
+        color: #356899;
+        font-size: 28rpx;
+      }
+    }
+  }
+
+  .foot {
+    .desc {
+      color: #888888;
+      text-align: center;
+      font-size: 32rpx;
+      margin: 20rpx 0;
+    }
+    .copy-right {
+      text-align: center;
+      color: #b3bec9;
+      font-size: 20rpx;
+      margin: 30rpx auto;
+      width: 600rpx;
+    }
+
+    .login {
+      font-size: 36rpx;
+      font-weight: 600;
+      background: linear-gradient(45deg, rgb(111, 137, 221), rgb(42, 75, 180));
+      height: 120rpx;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      color: #fff;
+    }
+  }
+}
+/*
+page {
   width: 100%;
   min-height: 100vh;
-	}
+}
 
-	.logo-v {
+.logo-v {
   height: 100vh;
   display: flex;
   flex-direction: column;
@@ -489,7 +670,7 @@
     top: 0px;
     width: 120rpx;
     height: 120rpx;
-			background: url('../../static/image/login_version.png') no-repeat center;
+    background: url("../../static/image/login_version.png") no-repeat center;
     background-size: 100%;
 
     .login-version-text {
@@ -517,12 +698,8 @@
       height: 160rpx;
       margin: 0 auto;
       position: absolute;
-				/* #ifdef APP-PLUS */
       bottom: -90rpx;
-				/* #endif */
-				/* #ifndef APP-PLUS */
       bottom: 0;
-				/* #endif */
       left: 0;
       right: 0;
 
@@ -593,31 +770,27 @@
           width: 50%;
           height: 80upx;
           text-align: center;
-						color: #AEAFB5;
+          color: #aeafb5;
           font-size: 32upx;
 
           &.active {
             color: #3281ff;
           }
         }
-
       }
 
       .loginInputBox {
         width: 100%;
-					/* #ifdef APP-PLUS */
         margin-top: 120rpx;
-					/* #endif */
-					/* #ifndef APP-PLUS */
         margin-top: 80rpx;
-					/* #endif */
         padding: 0 64rpx;
 
         .code-box {
           width: 100%;
         }
 
-					.loginBtnBox {}
+        .loginBtnBox {
+        }
       }
     }
   }
@@ -628,23 +801,19 @@
     left: 0;
     right: 0;
     text-align: center;
-			color: #9A9A9A;
+    color: #9a9a9a;
     font-size: 24rpx;
   }
 
   .sso-login-btn {
     width: 100%;
     padding: 0 64rpx;
-			/* #ifdef APP-PLUS */
     margin-top: 404rpx;
-			/* #endif */
-			/* #ifndef APP-PLUS */
     margin-top: 364rpx;
-			/* #endif */
-		}
   }
+}
 
-	.other-list {
+.other-list {
   display: flex;
   align-items: center;
   justify-content: space-around;
@@ -670,38 +839,38 @@
     // 	}
     // }
   }
-	}
+}
 
-	.mian {
-		background: url('/static/image/tenancy.png');
+.mian {
+  background: url("/static/image/tenancy.png");
   height: 100%;
-	}
+}
 
-	.img {
+.img {
   margin-top: 20rpx;
   margin-left: 30%;
-	}
+}
 
-	.title {
+.title {
   margin-top: -55rpx;
   margin-left: 260rpx;
   font-size: 32rpx;
-	}
+}
 
-	.info {
+.info {
   margin: auto auto;
   width: 96%;
   height: 300rpx;
   background-color: #fff;
   margin-bottom: 20rpx;
   border-radius: 10rpx;
-		border-left: 10rpx solid #9DC8FA;
+  border-left: 10rpx solid #9dc8fa;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
-	}
+}
 
-	.user-name {
+.user-name {
   font-weight: bold;
   font-size: 32rpx;
   margin-left: 20rpx;
@@ -712,9 +881,9 @@
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
-	}
+}
 
-	.user-tenancy {
+.user-tenancy {
   font-size: 28rpx;
   margin-left: 20rpx;
   margin-bottom: 20rpx;
@@ -722,5 +891,6 @@
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
-	}
+}
+*/
 </style>