|
@@ -38,7 +38,7 @@
|
|
|
<div class="user pointer flex-ac" @click.stop="onClickMine">
|
|
|
<template v-if="state.userInfo">
|
|
|
<i class="icon-mine"></i>
|
|
|
- <span class="user-name">{{
|
|
|
+ <span class="user-name ellipsis">{{
|
|
|
state.userInfo ? state.userInfo.name : 'Sign in'
|
|
|
}}</span>
|
|
|
</template>
|
|
@@ -68,7 +68,7 @@
|
|
|
>
|
|
|
<div class="info" @click.stop>
|
|
|
<div class="p1">
|
|
|
- <p class="name">Hi, {{ state.userInfo.name }}</p>
|
|
|
+ <p class="name ellipsis">Hi, {{ state.userInfo.name }}</p>
|
|
|
<p class="intro">
|
|
|
{{ state.userInfo.orders.length ? 'Pro' : 'Ordinary' }} member
|
|
|
</p>
|
|
@@ -95,14 +95,17 @@
|
|
|
<div class="service">
|
|
|
<div class="service-title">
|
|
|
<i class="service-icon icon-lite fls0"></i>
|
|
|
- <div class="service-type fls0">
|
|
|
+ <div class="service-type ellipsis">
|
|
|
{{ item.product_name }}
|
|
|
</div>
|
|
|
- <div class="service-period">
|
|
|
- {{ item.start_time }} to {{ item.end_time }}
|
|
|
+ <div class="service-period fls0">
|
|
|
+ {{ $util.formatDate(item.start_time) }} to
|
|
|
+ {{ $util.formatDate(item.end_time) }}
|
|
|
</div>
|
|
|
</div>
|
|
|
- <div class="service-model tac">{{ item.phone_info }}</div>
|
|
|
+ <div class="service-model tac ellipsis">
|
|
|
+ {{ item.phone_info }}
|
|
|
+ </div>
|
|
|
<div class="service-code tac">{{ item.phone_imei }}</div>
|
|
|
</div>
|
|
|
</div>
|
|
@@ -273,6 +276,7 @@ async function signOut() {
|
|
|
height: 32px;
|
|
|
}
|
|
|
.user-name {
|
|
|
+ max-width: 300px;
|
|
|
font-size: 32px;
|
|
|
font-weight: 600;
|
|
|
color: $primary-color;
|
|
@@ -399,7 +403,9 @@ async function signOut() {
|
|
|
|
|
|
&-body {
|
|
|
flex: 1;
|
|
|
- overflow: auto;
|
|
|
+ @include media-breakpoint-down(md) {
|
|
|
+ overflow: auto;
|
|
|
+ }
|
|
|
}
|
|
|
}
|
|
|
.nav-links {
|
|
@@ -501,7 +507,7 @@ async function signOut() {
|
|
|
}
|
|
|
.p1 {
|
|
|
position: relative;
|
|
|
- padding: 48px 0 0 50px;
|
|
|
+ padding: 48px 50px 0;
|
|
|
height: 202px;
|
|
|
color: $primary-color;
|
|
|
background-color: #e9ebf0;
|