no message
This commit is contained in:
parent
449af9c720
commit
874689c6bf
@ -2,6 +2,7 @@
|
|||||||
<Tooltip v-if="user"
|
<Tooltip v-if="user"
|
||||||
class="common-avatar"
|
class="common-avatar"
|
||||||
:delay="600"
|
:delay="600"
|
||||||
|
:disabled="tooltipDisabled"
|
||||||
:transfer="transfer">
|
:transfer="transfer">
|
||||||
<div slot="content">
|
<div slot="content">
|
||||||
<p>{{$L('昵称')}}: {{user.nickname}}</p>
|
<p>{{$L('昵称')}}: {{user.nickname}}</p>
|
||||||
@ -40,6 +41,10 @@
|
|||||||
type: Boolean,
|
type: Boolean,
|
||||||
default: true
|
default: true
|
||||||
},
|
},
|
||||||
|
tooltipDisabled: {
|
||||||
|
type: Boolean,
|
||||||
|
default: false
|
||||||
|
},
|
||||||
},
|
},
|
||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
|
@ -5,18 +5,18 @@
|
|||||||
<div class="login-logo"></div>
|
<div class="login-logo"></div>
|
||||||
<div class="login-box">
|
<div class="login-box">
|
||||||
<div class="login-title">Welcome Dootask</div>
|
<div class="login-title">Welcome Dootask</div>
|
||||||
<div class="login-subtitle">Enter your credentials to access your account.</div>
|
<div class="login-subtitle">{{$L('输入您的凭证以访问您的帐户。')}}</div>
|
||||||
<div class="login-input">
|
<div class="login-input">
|
||||||
<Input v-model="email" prefix="ios-mail-outline" placeholder="Enter your email" size="large" @on-enter="onLogin" @on-blur="onBlur" />
|
<Input v-model="email" prefix="ios-mail-outline" :placeholder="$L('输入您的电子邮件')" size="large" @on-enter="onLogin" @on-blur="onBlur" />
|
||||||
<Input v-model="password" prefix="ios-lock-outline" placeholder="Enter your password" type="password" size="large" @on-enter="onLogin" />
|
<Input v-model="password" prefix="ios-lock-outline" :placeholder="$L('输入您的密码')" type="password" size="large" @on-enter="onLogin" />
|
||||||
<Input v-if="codeNeed" v-model="code" class="login-code" placeholder="Verification Code" size="large" @on-enter="onLogin">
|
<Input v-if="codeNeed" v-model="code" class="login-code" :placeholder="$L('输入图形验证码')" size="large" @on-enter="onLogin">
|
||||||
<Icon type="ios-checkmark-circle-outline" class="login-icon" slot="prepend"></Icon>
|
<Icon type="ios-checkmark-circle-outline" class="login-icon" slot="prepend"></Icon>
|
||||||
<div slot="append" class="login-code-end" @click="reCode"><img :src="codeUrl"/></div>
|
<div slot="append" class="login-code-end" @click="reCode"><img :src="codeUrl"/></div>
|
||||||
</Input>
|
</Input>
|
||||||
<Button type="primary" :loading="loadIng > 0" size="large" long @click="onLogin">Sign In</Button>
|
<Button type="primary" :loading="loadIng > 0" size="large" long @click="onLogin">{{$L('登录')}}</Button>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="login-forgot">Forgot your password? <a href="#">Reset Password</a></div>
|
<div class="login-forgot">{{$L('忘记密码了?')}}<a href="#">{{$L('重置密码')}}</a></div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
@ -1,10 +1,41 @@
|
|||||||
<template>
|
<template>
|
||||||
<div class="calendar">
|
<div class="calendar">
|
||||||
<PageTitle>{{$L('Calendar')}}</PageTitle>
|
<PageTitle>{{$L('日历')}}</PageTitle>
|
||||||
|
<div class="nopage">
|
||||||
|
<div class="nopage-icon"><Icon type="md-calendar" /></div>
|
||||||
|
<div class="nopage-text">{{$L('日历')}}</div>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
|
<style lang="scss" scoped>
|
||||||
|
:global {
|
||||||
|
.nopage {
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
.nopage-icon {
|
||||||
|
background-color: #f4f5f7;
|
||||||
|
padding: 20px;
|
||||||
|
border-radius: 50%;
|
||||||
|
.ivu-icon {
|
||||||
|
color: #d1d8dd;
|
||||||
|
font-size: 46px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.nopage-text {
|
||||||
|
margin-top: 16px;
|
||||||
|
color: #bec6cc;
|
||||||
|
background-color: #f4f5f7;
|
||||||
|
padding: 4px 15px;
|
||||||
|
border-radius: 14px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</style>
|
||||||
<script>
|
<script>
|
||||||
export default {
|
export default {
|
||||||
data() {
|
data() {
|
||||||
|
@ -17,7 +17,7 @@
|
|||||||
<li v-else-if="dialogMsgList.length === 0" class="nothing">{{$L('暂无消息')}}</li>
|
<li v-else-if="dialogMsgList.length === 0" class="nothing">{{$L('暂无消息')}}</li>
|
||||||
<li v-for="(item, key) in dialogMsgList" :key="key" :class="{self:item.userid == userId}">
|
<li v-for="(item, key) in dialogMsgList" :key="key" :class="{self:item.userid == userId}">
|
||||||
<div class="dialog-avatar">
|
<div class="dialog-avatar">
|
||||||
<UserAvatar :userid="item.userid" :size="30"/>
|
<UserAvatar :userid="item.userid" :tooltip-disabled="item.userid == userId" :size="30"/>
|
||||||
</div>
|
</div>
|
||||||
<DialogView :msg-data="item" dialog-type="group"/>
|
<DialogView :msg-data="item" dialog-type="group"/>
|
||||||
</li>
|
</li>
|
||||||
|
@ -555,6 +555,8 @@
|
|||||||
margin: 0;
|
margin: 0;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
line-height: 1.5;
|
line-height: 1.5;
|
||||||
|
white-space: pre-wrap;
|
||||||
|
word-wrap: break-word;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.ivu-icon {
|
.ivu-icon {
|
||||||
|
@ -1,10 +1,41 @@
|
|||||||
<template>
|
<template>
|
||||||
<div class="dashboard">
|
<div class="dashboard">
|
||||||
<PageTitle>{{$L('Dashboard')}}</PageTitle>
|
<PageTitle>{{$L('仪表板')}}</PageTitle>
|
||||||
|
<div class="nopage">
|
||||||
|
<div class="nopage-icon"><Icon type="ios-speedometer" /></div>
|
||||||
|
<div class="nopage-text">{{$L('仪表板')}}</div>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
|
<style lang="scss" scoped>
|
||||||
|
:global {
|
||||||
|
.nopage {
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
.nopage-icon {
|
||||||
|
background-color: #f4f5f7;
|
||||||
|
padding: 20px;
|
||||||
|
border-radius: 50%;
|
||||||
|
.ivu-icon {
|
||||||
|
color: #d1d8dd;
|
||||||
|
font-size: 46px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.nopage-text {
|
||||||
|
margin-top: 16px;
|
||||||
|
color: #bec6cc;
|
||||||
|
background-color: #f4f5f7;
|
||||||
|
padding: 4px 15px;
|
||||||
|
border-radius: 14px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</style>
|
||||||
<script>
|
<script>
|
||||||
export default {
|
export default {
|
||||||
data() {
|
data() {
|
||||||
|
@ -11,7 +11,11 @@
|
|||||||
<div class="setting-box">
|
<div class="setting-box">
|
||||||
<div class="setting-menu">
|
<div class="setting-menu">
|
||||||
<ul>
|
<ul>
|
||||||
<li v-for="(item, key) in menu" :key="key" @click="toggleRoute(item.path)" :class="classNameRoute(item.path)">{{$L(item.name)}}</li>
|
<li
|
||||||
|
v-for="(item, key) in menu"
|
||||||
|
:key="key"
|
||||||
|
:class="classNameRoute(item.path)"
|
||||||
|
@click="toggleRoute(item.path)">{{$L(item.name)}}</li>
|
||||||
</ul>
|
</ul>
|
||||||
</div>
|
</div>
|
||||||
<div class="setting-content">
|
<div class="setting-content">
|
||||||
@ -119,7 +123,11 @@ export default {
|
|||||||
},
|
},
|
||||||
{
|
{
|
||||||
path: 'priority',
|
path: 'priority',
|
||||||
name: '任务优先级'
|
name: '任务等级'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
path: 'signout',
|
||||||
|
name: '退出登录'
|
||||||
}
|
}
|
||||||
]
|
]
|
||||||
}
|
}
|
||||||
@ -149,6 +157,16 @@ export default {
|
|||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
toggleRoute(path) {
|
toggleRoute(path) {
|
||||||
|
if (path === 'signout') {
|
||||||
|
$A.modalConfirm({
|
||||||
|
title: '退出登录',
|
||||||
|
content: '你确定要登出系统?',
|
||||||
|
onOk: () => {
|
||||||
|
$A.logout()
|
||||||
|
}
|
||||||
|
});
|
||||||
|
return;
|
||||||
|
}
|
||||||
this.goForward({path: '/manage/setting/' + path});
|
this.goForward({path: '/manage/setting/' + path});
|
||||||
},
|
},
|
||||||
|
|
||||||
|
Loading…
x
Reference in New Issue
Block a user