Skip to content

C
CRM
Commit b495d97a authored by lei's avatar lei
Browse files
Options

代码格式美化

parent ac0d908a
Expand all Hide whitespace changes
Inline Side-by-side
Showing with 1042 additions and 1146 deletions
.prettierrc 0 → 100644
View file @ b495d97a
{
"printWidth": 120,
"tabWidth": 2,
"singleQuote": true,
"semi": false,
"bracketSpacing": true,
"trailingComma": "none",
"jsxSingleQuote": true
}
src/views/InforStatistics/index.vue
View file @ b495d97a
This diff is collapsed.
src/views/home.vue
View file @ b495d97a
......@@ -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,28 +78,28 @@ export default {
</script>
<style rel="stylesheet/scss" lang="scss" scoped>
.dashboard-editor-container {
padding: 32px;
background-color: rgb(240, 242, 245);
position: relative;
.dashboard-editor-container {
padding: 32px;
background-color: rgb(240, 242, 245);
position: relative;
.github-corner {
position: absolute;
top: 0;
border: 0;
right: 0;
}
.github-corner {
position: absolute;
top: 0;
border: 0;
right: 0;
}
.chart-wrapper {
background: #fff;
padding: 16px 16px 0;
margin-bottom: 32px;
}
.chart-wrapper {
background: #fff;
padding: 16px 16px 0;
margin-bottom: 32px;
}
}
@media (max-width:1024px) {
.chart-wrapper {
padding: 8px;
}
@media (max-width: 1024px) {
.chart-wrapper {
padding: 8px;
}
}
</style>
src/views/login.vue
View file @ b495d97a
<template>
<div class="login" :style="'background-image:url('+ Background +');'">
<h2 class="title">
<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>
<div class="login" :style="'background-image:url(' + Background + ');'">
<h2 class="title">
<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-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 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>
</el-form-item>
</el-form>
<!-- 底部 -->
<!-- <div v-if="$store.state.settings.showFooter" id="el-login-footer">
<!-- <div v-if="$store.state.settings.showFooter" id="el-login-footer">
<span v-html="$store.state.settings.footerTxt" />
<span> ⋅ </span>
<a href="https://beian.miit.gov.cn/#/Integrated/index" target="_blank">{{ $store.state.settings.caseNumber }}</a>
......@@ -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,21 +157,30 @@ 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.loading = false
this.$router.push({ path: this.redirect || '/' })
}).catch(() => {
this.loading = false
this.getCode()
})
this.$store
.dispatch('Login', user)
.then(() => {
this.loading = false
this.$router.push({ path: this.redirect || '/' })
})
.catch(() => {
this.loading = false
this.getCode()
})
} else {
console.log('error submit!!')
return false
......@@ -172,66 +204,68 @@ export default {
</script>
<style rel="stylesheet/scss" lang="scss">
.login {
display: flex;
flex-direction: column;
align-items: center;
height: 100%;
background-size: cover;
}
.title {
width: 100%;
height: 30%;
display: flex;
justify-content: center;
align-items: center;
color: #fff;
margin-left: -25px;
font-size: 35px;
font-weight: bold;
text-shadow: 0px 1px 1px #555;
}
.login {
display: flex;
flex-direction: column;
align-items: center;
height: 100%;
background-size: cover;
}
.title {
width: 100%;
height: 30%;
display: flex;
justify-content: center;
align-items: center;
color: #fff;
margin-left: -25px;
font-size: 35px;
font-weight: bold;
text-shadow: 0px 1px 1px #555;
}
.login-form {
border-radius: 6px;
background: #ffffff;
width: 400px;
height: 360px;
padding: 25px 25px 5px 25px;
.loginTitle{
width: 103px;
height: 25px;
text-align: center;
font-family: SourceHanSansCN-Bold;
font-weight: 700;
color: #298aed;
font-size: 24px;
line-height: 25px;
margin: 20px auto;
}
.el-input {
.login-form {
border-radius: 6px;
background: #ffffff;
width: 400px;
height: 360px;
padding: 25px 25px 5px 25px;
.loginTitle {
width: 103px;
height: 25px;
text-align: center;
font-family: SourceHanSansCN-Bold;
font-weight: 700;
color: #298aed;
font-size: 24px;
line-height: 25px;
margin: 20px auto;
}
.el-input {
height: 45px;
input {
height: 45px;
input {
height: 45px;
}
}
.input-icon{
height: 45px;width: 20px;margin-left: 2px;
}
}
.login-tip {
font-size: 13px;
text-align: center;
color: #bfbfbf;
.input-icon {
height: 45px;
width: 20px;
margin-left: 2px;
}
.login-code {
width: 33%;
display: inline-block;
height: 38px;
float: right;
img{
cursor: pointer;
vertical-align:middle
}
}
.login-tip {
font-size: 13px;
text-align: center;
color: #bfbfbf;
}
.login-code {
width: 33%;
display: inline-block;
height: 38px;
float: right;
img {
cursor: pointer;
vertical-align: middle;
}
}
</style>
src/views/manageClass/management.vue
View file @ b495d97a
This diff is collapsed.
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment