代码格式美化

.prettierrc

+{
+  "printWidth": 120,
+  "tabWidth": 2,
+  "singleQuote": true,
+  "semi": false,
+  "bracketSpacing": true,
+  "trailingComma": "none",
+  "jsxSingleQuote": true
+}

src/views/home.vue

@@ -3,7 +3,7 @@
     <div class="dashboard-editor-container">
       <github-corner class="github-corner" />
       <panel-group @handleSetLineChartData="handleSetLineChartData" />
-      <el-row style="background:#fff;padding:16px 16px 0;margin-bottom:32px;">
+      <el-row style="background: #fff; padding: 16px 16px 0; margin-bottom: 32px">
         <line-chart :chart-data="lineChartData" />
       </el-row>
       <el-row :gutter="32">
@@ -78,7 +78,7 @@ export default {
 </script>
 
 <style rel="stylesheet/scss" lang="scss" scoped>
-  .dashboard-editor-container {
+.dashboard-editor-container {
   padding: 32px;
   background-color: rgb(240, 242, 245);
   position: relative;
@@ -95,11 +95,11 @@ export default {
     padding: 16px 16px 0;
     margin-bottom: 32px;
   }
-  }
+}
 
-  @media (max-width:1024px) {
+@media (max-width: 1024px) {
   .chart-wrapper {
     padding: 8px;
   }
-  }
+}
 </style>

src/views/login.vue

 <template>
-  <div class="login" :style="'background-image:url('+ Background +');'">
+  <div class="login" :style="'background-image:url(' + Background + ');'">
     <h2 class="title">
-		  <img src="../assets/images/loginlogo.png" alt="" style="margin-right: 10px;">
+      <img src="../assets/images/loginlogo.png" alt="" style="margin-right: 10px" />
       晶合CRM
     </h2>
-    <el-form ref="loginForm" :model="loginForm" :rules="loginRules" label-position="left" label-width="0px" class="login-form">
-		<div class="loginTitle">
-			用户登录
-		</div>
+    <el-form
+      ref="loginForm"
+      :model="loginForm"
+      :rules="loginRules"
+      label-position="left"
+      label-width="0px"
+      class="login-form"
+    >
+      <div class="loginTitle">用户登录</div>
       <el-form-item prop="username">
         <el-input v-model="loginForm.username" type="text" auto-complete="off" placeholder="请输入账号">
           <svg-icon slot="prefix" icon-class="user" class="el-input__icon input-icon" />
         </el-input>
       </el-form-item>
       <el-form-item prop="password">
-        <el-input v-model="loginForm.password" type="password" auto-complete="off" placeholder="请输入密码" @keyup.enter.native="handleLogin">
+        <el-input
+          v-model="loginForm.password"
+          type="password"
+          auto-complete="off"
+          placeholder="请输入密码"
+          @keyup.enter.native="handleLogin"
+        >
           <svg-icon slot="prefix" icon-class="password" class="el-input__icon input-icon" />
         </el-input>
       </el-form-item>
       <el-form-item prop="code">
-        <el-input v-model="loginForm.code" auto-complete="off" placeholder="请输入验证码" style="width: 63%" @keyup.enter.native="handleLogin">
+        <el-input
+          v-model="loginForm.code"
+          auto-complete="off"
+          placeholder="请输入验证码"
+          style="width: 63%"
+          @keyup.enter.native="handleLogin"
+        >
           <svg-icon slot="prefix" icon-class="validCode" class="el-input__icon input-icon" />
         </el-input>
         <div class="login-code">
-          <img :src="codeUrl" @click="getCode">
+          <img :src="codeUrl" @click="getCode" />
         </div>
       </el-form-item>
       <!--  <el-checkbox v-model="loginForm.rememberMe" style="margin:0 0 25px 0;">
         记住我
       </el-checkbox> -->
-      <el-form-item style="width:100%;">
-        <el-button :loading="loading" size="medium" type="primary" style="width:100%;" @click.native.prevent="handleLogin">
+      <el-form-item style="width: 100%">
+        <el-button
+          :loading="loading"
+          size="medium"
+          type="primary"
+          style="width: 100%"
+          @click.native.prevent="handleLogin"
+        >
           <span v-if="!loading">登 录</span>
           <span v-else>登 录 中...</span>
         </el-button>
@@ -76,7 +99,7 @@ export default {
   },
   watch: {
     $route: {
-      handler: function(route) {
+      handler: function (route) {
         const data = route.query
         if (data && data.redirect) {
           this.redirect = data.redirect
@@ -99,14 +122,14 @@ export default {
   },
   methods: {
     getCode() {
-      getCodeImg().then(res => {
+      getCodeImg().then((res) => {
         this.codeUrl = res.img
         this.loginForm.uuid = res.uuid
       })
     },
     getCookie() {
       const username = Cookies.get('username')
-	  console.log(username,"usernameusernameusername")
+      console.log(username, 'usernameusernameusername')
       let password = Cookies.get('password')
       const rememberMe = Cookies.get('rememberMe')
       // 保存cookie里面的加密后的密码
@@ -120,7 +143,7 @@ export default {
       }
     },
     handleLogin() {
-      this.$refs.loginForm.validate(valid => {
+      this.$refs.loginForm.validate((valid) => {
         const user = {
           username: this.loginForm.username,
           password: this.loginForm.password,
@@ -134,18 +157,27 @@ export default {
         if (valid) {
           this.loading = true
           if (user.rememberMe) {
-            Cookies.set('username', user.username, { expires: Config.passCookieExpires })
-            Cookies.set('password', user.password, { expires: Config.passCookieExpires })
-            Cookies.set('rememberMe', user.rememberMe, { expires: Config.passCookieExpires })
+            Cookies.set('username', user.username, {
+              expires: Config.passCookieExpires
+            })
+            Cookies.set('password', user.password, {
+              expires: Config.passCookieExpires
+            })
+            Cookies.set('rememberMe', user.rememberMe, {
+              expires: Config.passCookieExpires
+            })
           } else {
             Cookies.remove('username')
             Cookies.remove('password')
             Cookies.remove('rememberMe')
           }
-          this.$store.dispatch('Login', user).then(() => {
+          this.$store
+            .dispatch('Login', user)
+            .then(() => {
               this.loading = false
               this.$router.push({ path: this.redirect || '/' })
-          }).catch(() => {
+            })
+            .catch(() => {
               this.loading = false
               this.getCode()
             })
@@ -172,14 +204,14 @@ export default {
 </script>
 
 <style rel="stylesheet/scss" lang="scss">
-  .login {
+.login {
   display: flex;
   flex-direction: column;
   align-items: center;
   height: 100%;
   background-size: cover;
-  }
-  .title {
+}
+.title {
   width: 100%;
   height: 30%;
   display: flex;
@@ -190,15 +222,15 @@ export default {
   font-size: 35px;
   font-weight: bold;
   text-shadow: 0px 1px 1px #555;
-  }
+}
 
-  .login-form {
+.login-form {
   border-radius: 6px;
   background: #ffffff;
   width: 400px;
   height: 360px;
   padding: 25px 25px 5px 25px;
-	.loginTitle{
+  .loginTitle {
     width: 103px;
     height: 25px;
     text-align: center;
@@ -215,23 +247,25 @@ export default {
       height: 45px;
     }
   }
-    .input-icon{
-      height: 45px;width: 20px;margin-left: 2px;
-    }
+  .input-icon {
+    height: 45px;
+    width: 20px;
+    margin-left: 2px;
   }
-  .login-tip {
+}
+.login-tip {
   font-size: 13px;
   text-align: center;
   color: #bfbfbf;
-  }
-  .login-code {
+}
+.login-code {
   width: 33%;
   display: inline-block;
   height: 38px;
   float: right;
-    img{
+  img {
     cursor: pointer;
-      vertical-align:middle
-    }
+    vertical-align: middle;
   }
+}
 </style>