pan
5 years ago
parent
af5c28a3aa
commit
8619804a87
@ -1,13 +1,13 @@ |
|||||||
<template> |
<template> |
||||||
<el-form ref="form" :model="form" label-width="80px"> |
<el-form ref="form" :model="form" label-width="80px"> |
||||||
<el-form-item label="帐号"> |
<el-form-item :label="$t('account.form.user')"> |
||||||
<el-input v-model="form.user" placeholder="请输入帐号"></el-input> |
<el-input v-model="form.user" :placeholder="$t('account.form.input_user',{user:$t('account.form.user')})"></el-input> |
||||||
</el-form-item> |
</el-form-item> |
||||||
<el-form-item label="密码"> |
<el-form-item :label="$t('account.form.password')"> |
||||||
<el-input v-model="form.password" type="password" placeholder="请输入密码"></el-input> |
<el-input v-model="form.password" type="password" :placeholder="$t('account.form.input_password',{password:$t('account.form.password')})"></el-input> |
||||||
</el-form-item> |
</el-form-item> |
||||||
<el-form-item> |
<el-form-item> |
||||||
<el-button type="primary" @click="onLogin(form.user,form.password)">登录</el-button> |
<el-button type="primary" @click="onLogin(form.user,form.password)">{{$t('account.login')}}</el-button> |
||||||
</el-form-item> |
</el-form-item> |
||||||
</el-form> |
</el-form> |
||||||
</template> |
</template> |
||||||
@ -0,0 +1,35 @@ |
|||||||
|
<template> |
||||||
|
<el-form ref="form" :model="form" label-width="80px"> |
||||||
|
<el-form-item :label="$t('account.form.user')"> |
||||||
|
<el-input v-model="form.user" :placeholder="$t('account.form.input_user',{user:$t('account.form.user')})"></el-input> |
||||||
|
</el-form-item> |
||||||
|
<el-form-item :label="$t('account.form.password')"> |
||||||
|
<el-input v-model="form.password" type="password" :placeholder="$t('account.form.input_password',{password:$t('account.form.password')})"></el-input> |
||||||
|
</el-form-item> |
||||||
|
<el-form-item :label="$t('account.form.confirmPwd')"> |
||||||
|
<el-input v-model="form.confirmPwd" type="password" :placeholder="$t('account.form.input_password',{password:$t('account.form.password')})"></el-input> |
||||||
|
</el-form-item> |
||||||
|
<el-form-item> |
||||||
|
<el-button type="primary" @click="onRegister(form.user,form.password)">{{$t('account.register')}}</el-button> |
||||||
|
</el-form-item> |
||||||
|
</el-form> |
||||||
|
</template> |
||||||
|
|
||||||
|
<script lang="ts"> |
||||||
|
|
||||||
|
export default { |
||||||
|
name: 'register', |
||||||
|
data(){ |
||||||
|
return { |
||||||
|
form:{ |
||||||
|
user:'', |
||||||
|
password:'', |
||||||
|
confirmPwd:'' |
||||||
|
} |
||||||
|
} |
||||||
|
}, |
||||||
|
props:{ |
||||||
|
onRegister:Function |
||||||
|
} |
||||||
|
} |
||||||
|
</script> |
||||||
@ -0,0 +1,9 @@ |
|||||||
|
<template> |
||||||
|
<h1>我的收藏</h1> |
||||||
|
</template> |
||||||
|
|
||||||
|
<script> |
||||||
|
export default { |
||||||
|
name: 'collect' |
||||||
|
} |
||||||
|
</script> |
||||||
@ -0,0 +1,9 @@ |
|||||||
|
<template> |
||||||
|
<h1>我的上传</h1> |
||||||
|
</template> |
||||||
|
|
||||||
|
<script> |
||||||
|
export default { |
||||||
|
name: 'myupload' |
||||||
|
} |
||||||
|
</script> |
||||||
@ -0,0 +1,9 @@ |
|||||||
|
<template> |
||||||
|
<h1>帐号安全</h1> |
||||||
|
</template> |
||||||
|
|
||||||
|
<script> |
||||||
|
export default { |
||||||
|
name: 'security' |
||||||
|
} |
||||||
|
</script> |
||||||
@ -0,0 +1,45 @@ |
|||||||
|
<template> |
||||||
|
<el-row type="flex" justify="end"> |
||||||
|
<el-col> |
||||||
|
<span class="title">{{ $t('app_name') }}</span> |
||||||
|
</el-col> |
||||||
|
<el-col> |
||||||
|
<el-dropdown class="ml4"> |
||||||
|
<span class="el-dropdown-link"> |
||||||
|
{{$t('choose_lang')}} |
||||||
|
<i class="el-icon-arrow-down el-icon--right"></i> |
||||||
|
</span> |
||||||
|
<el-dropdown-menu slot="dropdown"> |
||||||
|
<el-dropdown-item v-for="item in ['zhCN', 'en']" :key="item"> |
||||||
|
<nuxt-link v-if="$i18n.locale !== item" :to="switchLocalePath(item)"> |
||||||
|
{{$t(item)}} |
||||||
|
</nuxt-link> |
||||||
|
</el-dropdown-item> |
||||||
|
</el-dropdown-menu> |
||||||
|
</el-dropdown> |
||||||
|
</el-col> |
||||||
|
<el-col v-if="$cookies.isKey(GLOBAL.user_key)"> |
||||||
|
<el-button @click="logout">{{$t('logout')}}</el-button> |
||||||
|
</el-col> |
||||||
|
</el-row> |
||||||
|
</template> |
||||||
|
|
||||||
|
<script lang="ts"> |
||||||
|
import Vue from 'vue' |
||||||
|
|
||||||
|
export default Vue.extend({ |
||||||
|
name: 'lang', |
||||||
|
methods:{ |
||||||
|
logout:function() { |
||||||
|
this.$cookies.remove(this.GLOBAL.user_key) |
||||||
|
this.$router.push(this.localePath('/account')) |
||||||
|
} |
||||||
|
} |
||||||
|
}) |
||||||
|
</script> |
||||||
|
<style> |
||||||
|
.title { |
||||||
|
font-size: 25px; |
||||||
|
font-weight: bold; |
||||||
|
} |
||||||
|
</style> |
||||||
@ -1,35 +0,0 @@ |
|||||||
<template> |
|
||||||
<el-form ref="form" :model="form" label-width="80px"> |
|
||||||
<el-form-item :label="$t('user')"> |
|
||||||
<el-input v-model="form.user" placeholder="请输入帐号"></el-input> |
|
||||||
</el-form-item> |
|
||||||
<el-form-item label="密码"> |
|
||||||
<el-input v-model="form.password" type="password" placeholder="请输入密码"></el-input> |
|
||||||
</el-form-item> |
|
||||||
<el-form-item label="确认密码"> |
|
||||||
<el-input v-model="form.confirmPwd" type="password" placeholder="请确认密码"></el-input> |
|
||||||
</el-form-item> |
|
||||||
<el-form-item> |
|
||||||
<el-button type="primary" @click="onRegister(form.user,form.password)">注册</el-button> |
|
||||||
</el-form-item> |
|
||||||
</el-form> |
|
||||||
</template> |
|
||||||
|
|
||||||
<script lang="ts"> |
|
||||||
|
|
||||||
export default { |
|
||||||
name: 'register', |
|
||||||
data(){ |
|
||||||
return { |
|
||||||
form:{ |
|
||||||
user:'', |
|
||||||
password:'', |
|
||||||
confirmPwd:'' |
|
||||||
} |
|
||||||
} |
|
||||||
}, |
|
||||||
props:{ |
|
||||||
onRegister:Function |
|
||||||
} |
|
||||||
} |
|
||||||
</script> |
|
||||||
@ -1,10 +1,30 @@ |
|||||||
<template> |
<template> |
||||||
<h1>个人中心</h1> |
<el-tabs v-model="activeName" type="card"> |
||||||
|
<el-tab-pane :label="$t('center.security.name')" name="Security"> |
||||||
|
<security/> |
||||||
|
</el-tab-pane> |
||||||
|
<el-tab-pane :label="$t('center.collect.name')" name="Collect"> |
||||||
|
<collect/> |
||||||
|
</el-tab-pane> |
||||||
|
<el-tab-pane :label="$t('center.myupload.name')" name="Upload"> |
||||||
|
<myupload/> |
||||||
|
</el-tab-pane> |
||||||
|
</el-tabs> |
||||||
</template> |
</template> |
||||||
|
|
||||||
<script lang="ts"> |
<script lang="ts"> |
||||||
|
import Security from '~/components/center/security.vue' |
||||||
|
import Collect from '~/components/center/collect.vue' |
||||||
|
import Myupload from '~/components/center/myupload.vue' |
||||||
|
|
||||||
export default { |
export default { |
||||||
name: 'center' |
name: 'center', |
||||||
|
components: { Myupload, Collect, Security }, |
||||||
|
data(){ |
||||||
|
return { |
||||||
|
activeName:'Security' |
||||||
|
} |
||||||
|
} |
||||||
} |
} |
||||||
</script> |
</script> |
||||||
|
|
||||||
|
|||||||
@ -0,0 +1,6 @@ |
|||||||
|
import Vue from 'vue' |
||||||
|
|
||||||
|
Vue.prototype.GLOBAL ={ |
||||||
|
//用户cookie
|
||||||
|
user_key:'user' |
||||||
|
} |
||||||
@ -0,0 +1,4 @@ |
|||||||
|
import Vue from 'vue' |
||||||
|
import VueCookie from 'vue-cookies' |
||||||
|
|
||||||
|
Vue.use(VueCookie) |
||||||
Loading…
Reference in new issue