|
@@ -8,59 +8,94 @@
|
|
@error="errorImgFun"
|
|
@error="errorImgFun"
|
|
/>
|
|
/>
|
|
<span v-if="accountInfo.hasVip" class="j-icon vip-icon">
|
|
<span v-if="accountInfo.hasVip" class="j-icon vip-icon">
|
|
- <img src="@/assets/image/icon/vip/vip-icon.png" alt="">
|
|
|
|
|
|
+ <img src="@/assets/image/icon/vip/vip-icon.png" alt="" />
|
|
</span>
|
|
</span>
|
|
<span v-if="accountInfo.hasBigmember" class="j-icon bigmember-icon">
|
|
<span v-if="accountInfo.hasBigmember" class="j-icon bigmember-icon">
|
|
- <img src="@/assets/image/icon/big-member/icon-gaojihy2.png" alt="">
|
|
|
|
|
|
+ <img src="@/assets/image/icon/big-member/icon-gaojihy2.png" alt="" />
|
|
</span>
|
|
</span>
|
|
</div>
|
|
</div>
|
|
<div class="user-info-container">
|
|
<div class="user-info-container">
|
|
<div class="user-info-top">
|
|
<div class="user-info-top">
|
|
- <span class="ellipsis user-name"
|
|
|
|
- v-if="getName">{{ getName }}</span>
|
|
|
|
|
|
+ <span class="ellipsis user-name" v-if="getName">{{ getName }}</span>
|
|
</div>
|
|
</div>
|
|
- <div class="user-info-bottom" :class="{'single-identity-container': userIdentityList.length === 1}">
|
|
|
|
|
|
+ <div
|
|
|
|
+ class="user-info-bottom"
|
|
|
|
+ :class="{
|
|
|
|
+ 'single-identity-container': userIdentityList.length === 1
|
|
|
|
+ }"
|
|
|
|
+ >
|
|
<span class="change-identity" @click="changeIdentityHandle">
|
|
<span class="change-identity" @click="changeIdentityHandle">
|
|
<span class="identity-name ellipsis">
|
|
<span class="identity-name ellipsis">
|
|
- {{userCurrentIdentity ? userCurrentIdentity.name : '' }}
|
|
|
|
|
|
+ {{ userCurrentIdentity ? userCurrentIdentity.name : '' }}
|
|
</span>
|
|
</span>
|
|
- <AppIcon v-if="userIdentityList.length > 1" name="qiehuan" size="12" color="#171826" />
|
|
|
|
|
|
+ <AppIcon
|
|
|
|
+ v-if="userIdentityList.length > 1"
|
|
|
|
+ name="qiehuan"
|
|
|
|
+ size="12"
|
|
|
|
+ color="#171826"
|
|
|
|
+ />
|
|
</span>
|
|
</span>
|
|
- <span class="identity-keep " @click.stop="jumpIdentityKeep">
|
|
|
|
|
|
+ <span class="identity-keep" @click.stop="jumpIdentityKeep">
|
|
<span>身份信息维护</span>
|
|
<span>身份信息维护</span>
|
|
<AppIcon name="youbian" size="10" color="#fff" />
|
|
<AppIcon name="youbian" size="10" color="#fff" />
|
|
</span>
|
|
</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
- <div class="app-header-set clickable" @click="jumpSetting">
|
|
|
|
- <AppIcon name="Setting" size="24" color="#fff"/>
|
|
|
|
|
|
+ <div class="app-header-set clickable" @click="jumpSetting">
|
|
|
|
+ <AppIcon name="Setting" size="24" color="#fff" />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
- <div class="account-info" v-if="Array.isArray(accountList) && accountList.length > 0">
|
|
|
|
|
|
+ <div
|
|
|
|
+ class="account-info"
|
|
|
|
+ v-if="Array.isArray(accountList) && accountList.length > 0"
|
|
|
|
+ >
|
|
<div class="account-info-label">
|
|
<div class="account-info-label">
|
|
- <div class="account-info-name" :class="{'active-type': temp.selected && accountList.length > 1}" v-for="temp in accountList" @click="changeAccountType(temp)">
|
|
|
|
- <span class="type-name">{{accountList.length === 1 ? '账号类型:' : ''}}{{ temp.name }}</span>
|
|
|
|
- <span class="tip" v-if="activeAccountType.name === '注册用户'">您尚未开通会员</span>
|
|
|
|
|
|
+ <div
|
|
|
|
+ class="account-info-name"
|
|
|
|
+ :class="{ 'active-type': temp.selected && accountList.length > 1 }"
|
|
|
|
+ v-for="temp in accountList"
|
|
|
|
+ @click="changeAccountType(temp)"
|
|
|
|
+ >
|
|
|
|
+ <span class="type-name"
|
|
|
|
+ >{{ accountList.length === 1 ? '账号类型:' : ''
|
|
|
|
+ }}{{ temp.name }}</span
|
|
|
|
+ >
|
|
|
|
+ <span class="tip" v-if="activeAccountType.name === '注册用户'"
|
|
|
|
+ >您尚未开通会员</span
|
|
|
|
+ >
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="account-info-content" v-if="activeAccountType">
|
|
<div class="account-info-content" v-if="activeAccountType">
|
|
- <div class="account-handle account-handle--free bg-line-gold" v-if="activeAccountType.name === '注册用户'">
|
|
|
|
|
|
+ <div
|
|
|
|
+ class="account-handle account-handle--free bg-line-gold"
|
|
|
|
+ v-if="activeAccountType.name === '注册用户'"
|
|
|
|
+ >
|
|
<p>
|
|
<p>
|
|
<span class="j-icon vip-icon">
|
|
<span class="j-icon vip-icon">
|
|
- <img src="@/assets/image/icon/vip/vip-icon.png" alt="">
|
|
|
|
|
|
+ <img src="@/assets/image/icon/vip/vip-icon.png" alt="" />
|
|
</span>
|
|
</span>
|
|
<span class="text bold">开通超级订阅</span>
|
|
<span class="text bold">开通超级订阅</span>
|
|
- <span class="activity-tip" v-if="activeAccountType.attr.subVipActMsg">
|
|
|
|
|
|
+ <span
|
|
|
|
+ class="activity-tip"
|
|
|
|
+ v-if="activeAccountType.attr.subVipActMsg"
|
|
|
|
+ >
|
|
<i class="limit-time-icon"></i>
|
|
<i class="limit-time-icon"></i>
|
|
{{ activeAccountType.attr.subVipActMsg }}
|
|
{{ activeAccountType.attr.subVipActMsg }}
|
|
</span>
|
|
</span>
|
|
</p>
|
|
</p>
|
|
<p>
|
|
<p>
|
|
<span>立享27+项专属权益</span>
|
|
<span>立享27+项专属权益</span>
|
|
- <span class="self-handle-btn" @click="toBuyVip('buy')">立即开通</span>
|
|
|
|
|
|
+ <span class="self-handle-btn" @click="toBuyVip('buy')"
|
|
|
|
+ >立即开通</span
|
|
|
|
+ >
|
|
</p>
|
|
</p>
|
|
</div>
|
|
</div>
|
|
- <div class="account-handle account-handle--vip " v-else-if="activeAccountType.name === '超级订阅' && activeAccountType.attr">
|
|
|
|
|
|
+ <div
|
|
|
|
+ class="account-handle account-handle--vip"
|
|
|
|
+ v-else-if="
|
|
|
|
+ activeAccountType.name === '超级订阅' && activeAccountType.attr
|
|
|
|
+ "
|
|
|
|
+ >
|
|
<div class="account-handle-item bg-line-gold">
|
|
<div class="account-handle-item bg-line-gold">
|
|
<p class="bold">到期时间:{{ activeAccountType.vipEntTime }}</p>
|
|
<p class="bold">到期时间:{{ activeAccountType.vipEntTime }}</p>
|
|
<p class="self-handle-btn" @click="renewVip">
|
|
<p class="self-handle-btn" @click="renewVip">
|
|
@@ -70,13 +105,23 @@
|
|
<div class="gap"></div>
|
|
<div class="gap"></div>
|
|
<div class="account-handle-item bg-line-gold">
|
|
<div class="account-handle-item bg-line-gold">
|
|
<p class="bold">购买区域:{{ activeAccountType.attr.buyMsg }}</p>
|
|
<p class="bold">购买区域:{{ activeAccountType.attr.buyMsg }}</p>
|
|
- <p class="self-handle-btn" @click="updateVip(activeAccountType.attr)">
|
|
|
|
- <span>{{activeAccountType.attr.upgrade ? '去升级' : '升级咨询'}}</span>
|
|
|
|
|
|
+ <p
|
|
|
|
+ class="self-handle-btn"
|
|
|
|
+ @click="updateVip(activeAccountType.attr)"
|
|
|
|
+ >
|
|
|
|
+ <span>{{
|
|
|
|
+ activeAccountType.attr.upgrade ? '去升级' : '升级咨询'
|
|
|
|
+ }}</span>
|
|
<AppIcon name="youbian" size="16" color="#171826" />
|
|
<AppIcon name="youbian" size="16" color="#171826" />
|
|
</p>
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
- <div class="account-handle account-handle--vip " v-else-if="activeAccountType.name === '省份订阅包' && activeAccountType.attr">
|
|
|
|
|
|
+ <div
|
|
|
|
+ class="account-handle account-handle--vip"
|
|
|
|
+ v-else-if="
|
|
|
|
+ activeAccountType.name === '省份订阅包' && activeAccountType.attr
|
|
|
|
+ "
|
|
|
|
+ >
|
|
<div class="account-handle-item bg-line-blue">
|
|
<div class="account-handle-item bg-line-blue">
|
|
<p class="bold">到期时间:{{ activeAccountType.vipEntTime }}</p>
|
|
<p class="bold">到期时间:{{ activeAccountType.vipEntTime }}</p>
|
|
<p class="self-handle-btn" @click="areaVip('renew')">
|
|
<p class="self-handle-btn" @click="areaVip('renew')">
|
|
@@ -84,25 +129,40 @@
|
|
</p>
|
|
</p>
|
|
</div>
|
|
</div>
|
|
<div class="gap"></div>
|
|
<div class="gap"></div>
|
|
- <div class="account-handle-item" :class="activeAccountType.attr.upgrade ? 'bg-line-blue' : 'bg-line-gold'">
|
|
|
|
|
|
+ <div
|
|
|
|
+ class="account-handle-item"
|
|
|
|
+ :class="
|
|
|
|
+ activeAccountType.attr.upgrade ? 'bg-line-blue' : 'bg-line-gold'
|
|
|
|
+ "
|
|
|
|
+ >
|
|
<p class="bold">购买区域:{{ activeAccountType.attr.buyMsg }}</p>
|
|
<p class="bold">购买区域:{{ activeAccountType.attr.buyMsg }}</p>
|
|
- <p class="self-handle-btn" @click="areaVipUpdate(activeAccountType.attr)">
|
|
|
|
- <span>{{activeAccountType.attr.upgrade ? '去升级' : '开通超级订阅'}} </span>
|
|
|
|
|
|
+ <p
|
|
|
|
+ class="self-handle-btn"
|
|
|
|
+ @click="areaVipUpdate(activeAccountType.attr)"
|
|
|
|
+ >
|
|
|
|
+ <span
|
|
|
|
+ >{{
|
|
|
|
+ activeAccountType.attr.upgrade ? '去升级' : '开通超级订阅'
|
|
|
|
+ }}
|
|
|
|
+ </span>
|
|
<AppIcon name="youbian" size="16" color="#171826" />
|
|
<AppIcon name="youbian" size="16" color="#171826" />
|
|
</p>
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!--大会员和商机管理-->
|
|
<!--大会员和商机管理-->
|
|
<div class="account-handle account-handle--big-ent bg-line-gold" v-else>
|
|
<div class="account-handle account-handle--big-ent bg-line-gold" v-else>
|
|
- <p class="bold">{{accountList.length > 1 ? '到期时间:' : '您的会员到期时间:'}}{{ activeAccountType.vipEntTime }}</p>
|
|
|
|
|
|
+ <p class="bold">
|
|
|
|
+ {{ accountList.length > 1 ? '到期时间:' : '您的会员到期时间:'
|
|
|
|
+ }}{{ activeAccountType.vipEntTime }}
|
|
|
|
+ </p>
|
|
<p class="self-handle-btn" @click="renewConsult">
|
|
<p class="self-handle-btn" @click="renewConsult">
|
|
续费咨询 <AppIcon name="youbian" size="16" color="#171826" />
|
|
续费咨询 <AppIcon name="youbian" size="16" color="#171826" />
|
|
</p>
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
-<!-- 订单tab-->
|
|
|
|
- <order-tabs/>
|
|
|
|
|
|
+ <!-- 订单tab-->
|
|
|
|
+ <order-tabs />
|
|
</div>
|
|
</div>
|
|
</template>
|
|
</template>
|
|
|
|
|
|
@@ -137,7 +197,9 @@ export default {
|
|
computed: {
|
|
computed: {
|
|
getName() {
|
|
getName() {
|
|
const { nickname, phone, jyname } = this.pageUserInfo
|
|
const { nickname, phone, jyname } = this.pageUserInfo
|
|
- const rephone = phone ? phone.replace(/(\d{3})\d{4}(\d{4})/, '$1 **** $2') : ''
|
|
|
|
|
|
+ const rephone = phone
|
|
|
|
+ ? phone.replace(/(\d{3})\d{4}(\d{4})/, '$1 **** $2')
|
|
|
|
+ : ''
|
|
return nickname || rephone || jyname
|
|
return nickname || rephone || jyname
|
|
},
|
|
},
|
|
// setBigVipPic() {
|
|
// setBigVipPic() {
|
|
@@ -170,43 +232,47 @@ export default {
|
|
// return url
|
|
// return url
|
|
// },
|
|
// },
|
|
// 账户权益类型列表
|
|
// 账户权益类型列表
|
|
- accountList () {
|
|
|
|
|
|
+ accountList() {
|
|
return this.accountInfo.list || []
|
|
return this.accountInfo.list || []
|
|
},
|
|
},
|
|
// 当前选中账户权益类型
|
|
// 当前选中账户权益类型
|
|
activeAccountType() {
|
|
activeAccountType() {
|
|
- const obj = this.accountList.filter(item => {
|
|
|
|
|
|
+ const obj = this.accountList.filter((item) => {
|
|
return item.selected
|
|
return item.selected
|
|
})
|
|
})
|
|
return obj.length > 0 ? obj[0] : {}
|
|
return obj.length > 0 ? obj[0] : {}
|
|
},
|
|
},
|
|
- mineClass () {
|
|
|
|
|
|
+ mineClass() {
|
|
const type = this.accountList[0] ? this.accountList[0].name : '注册用户'
|
|
const type = this.accountList[0] ? this.accountList[0].name : '注册用户'
|
|
let cl = 'mine-header--blue'
|
|
let cl = 'mine-header--blue'
|
|
- if(type === '注册用户' || type === '省份订阅包') {
|
|
|
|
|
|
+ if (type === '注册用户' || type === '省份订阅包') {
|
|
cl = 'mine-header--blue'
|
|
cl = 'mine-header--blue'
|
|
- } else if(type === '超级订阅' ) {
|
|
|
|
|
|
+ } else if (type === '超级订阅') {
|
|
cl = 'mine-header--gold'
|
|
cl = 'mine-header--gold'
|
|
} else {
|
|
} else {
|
|
cl = 'mine-header--black'
|
|
cl = 'mine-header--black'
|
|
}
|
|
}
|
|
// 多个权益类型的时候默认黑棕
|
|
// 多个权益类型的时候默认黑棕
|
|
- if(this.accountList.length > 1) {
|
|
|
|
|
|
+ if (this.accountList.length > 1) {
|
|
cl = 'mine-header--black'
|
|
cl = 'mine-header--black'
|
|
}
|
|
}
|
|
return cl
|
|
return cl
|
|
},
|
|
},
|
|
- ...mapGetters('user', ['userCurrentIdentity', 'userIdentityList', 'isLogin'])
|
|
|
|
|
|
+ ...mapGetters('user', [
|
|
|
|
+ 'userCurrentIdentity',
|
|
|
|
+ 'userIdentityList',
|
|
|
|
+ 'isLogin'
|
|
|
|
+ ])
|
|
},
|
|
},
|
|
watch: {
|
|
watch: {
|
|
userCurrentIdentity: {
|
|
userCurrentIdentity: {
|
|
- handler () {
|
|
|
|
|
|
+ handler() {
|
|
localStorage.removeItem('mine_account_active_Type')
|
|
localStorage.removeItem('mine_account_active_Type')
|
|
},
|
|
},
|
|
deep: true,
|
|
deep: true,
|
|
- immediate: true,
|
|
|
|
|
|
+ immediate: true
|
|
},
|
|
},
|
|
- isLogin () {
|
|
|
|
|
|
+ isLogin() {
|
|
localStorage.removeItem('mine_account_active_Type')
|
|
localStorage.removeItem('mine_account_active_Type')
|
|
}
|
|
}
|
|
},
|
|
},
|
|
@@ -233,23 +299,25 @@ export default {
|
|
}
|
|
}
|
|
},
|
|
},
|
|
// 获取用户账号类型信息
|
|
// 获取用户账号类型信息
|
|
- async getUserAccountInfo () {
|
|
|
|
|
|
+ async getUserAccountInfo() {
|
|
try {
|
|
try {
|
|
const { error_code: code, data } = await getUserAccountInfo()
|
|
const { error_code: code, data } = await getUserAccountInfo()
|
|
if (code === 0) {
|
|
if (code === 0) {
|
|
- if(Array.isArray(data.list) && data.list.length > 0) {
|
|
|
|
|
|
+ if (Array.isArray(data.list) && data.list.length > 0) {
|
|
data.list.forEach((item, index) => {
|
|
data.list.forEach((item, index) => {
|
|
- if(item.name && item.name.includes('大会员')) {
|
|
|
|
|
|
+ if (item.name && item.name.includes('大会员')) {
|
|
data.hasBigmember = true
|
|
data.hasBigmember = true
|
|
- } else if(item.name === '超级订阅') {
|
|
|
|
|
|
+ } else if (item.name === '超级订阅') {
|
|
data.hasVip = true
|
|
data.hasVip = true
|
|
}
|
|
}
|
|
- item.vipEntTime = item.endTime ? dateFormatter(item.endTime * 1000, 'yyyy-MM-dd') : ''
|
|
|
|
|
|
+ item.vipEntTime = item.endTime
|
|
|
|
+ ? dateFormatter(item.endTime * 1000, 'yyyy-MM-dd')
|
|
|
|
+ : ''
|
|
item.selected = false
|
|
item.selected = false
|
|
- if(index === 0) {
|
|
|
|
|
|
+ if (index === 0) {
|
|
item.selected = true
|
|
item.selected = true
|
|
}
|
|
}
|
|
- if(!localStorage.getItem('mine_account_active_Type')) {
|
|
|
|
|
|
+ if (!localStorage.getItem('mine_account_active_Type')) {
|
|
localStorage.setItem('mine_account_active_Type', item.name)
|
|
localStorage.setItem('mine_account_active_Type', item.name)
|
|
}
|
|
}
|
|
})
|
|
})
|
|
@@ -294,21 +362,21 @@ export default {
|
|
this.$router.push('/identity/keep')
|
|
this.$router.push('/identity/keep')
|
|
},
|
|
},
|
|
// 账号权益类型切换
|
|
// 账号权益类型切换
|
|
- changeAccountType (temp) {
|
|
|
|
- if(this.accountInfo.list) {
|
|
|
|
- this.accountInfo.list.forEach(item => {
|
|
|
|
|
|
+ changeAccountType(temp) {
|
|
|
|
+ if (this.accountInfo.list) {
|
|
|
|
+ this.accountInfo.list.forEach((item) => {
|
|
item.selected = false
|
|
item.selected = false
|
|
})
|
|
})
|
|
temp.selected = true
|
|
temp.selected = true
|
|
}
|
|
}
|
|
localStorage.setItem('mine_account_active_Type', temp.name)
|
|
localStorage.setItem('mine_account_active_Type', temp.name)
|
|
},
|
|
},
|
|
- backActiveName () {
|
|
|
|
|
|
+ backActiveName() {
|
|
const active = localStorage.getItem('mine_account_active_Type')
|
|
const active = localStorage.getItem('mine_account_active_Type')
|
|
- if(active && this.accountInfo.list) {
|
|
|
|
- this.accountInfo.list.forEach(item => {
|
|
|
|
|
|
+ if (active && this.accountInfo.list) {
|
|
|
|
+ this.accountInfo.list.forEach((item) => {
|
|
item.selected = false
|
|
item.selected = false
|
|
- if(item.name === active) {
|
|
|
|
|
|
+ if (item.name === active) {
|
|
item.selected = true
|
|
item.selected = true
|
|
}
|
|
}
|
|
})
|
|
})
|
|
@@ -319,28 +387,28 @@ export default {
|
|
location.href = `/jy_mobile/order/create/svip?type=${type}`
|
|
location.href = `/jy_mobile/order/create/svip?type=${type}`
|
|
},
|
|
},
|
|
// 去续费
|
|
// 去续费
|
|
- renewVip () {
|
|
|
|
- if(this.activeAccountType.attr && this.activeAccountType.attr.renew) {
|
|
|
|
|
|
+ renewVip() {
|
|
|
|
+ if (this.activeAccountType.attr && this.activeAccountType.attr.renew) {
|
|
this.toBuyVip('renew')
|
|
this.toBuyVip('renew')
|
|
} else {
|
|
} else {
|
|
this.openCustomer()
|
|
this.openCustomer()
|
|
}
|
|
}
|
|
},
|
|
},
|
|
// 升级
|
|
// 升级
|
|
- updateVip (item) {
|
|
|
|
- if(item.upgrade) {
|
|
|
|
|
|
+ updateVip(item) {
|
|
|
|
+ if (item.upgrade) {
|
|
this.toBuyVip('upgrade')
|
|
this.toBuyVip('upgrade')
|
|
} else {
|
|
} else {
|
|
this.openCustomer()
|
|
this.openCustomer()
|
|
}
|
|
}
|
|
},
|
|
},
|
|
// 省份订阅包续费/升级
|
|
// 省份订阅包续费/升级
|
|
- areaVip (type) {
|
|
|
|
|
|
+ areaVip(type) {
|
|
location.href = `/jy_mobile/order/create/areapack?type=${type}`
|
|
location.href = `/jy_mobile/order/create/areapack?type=${type}`
|
|
},
|
|
},
|
|
// 省份订阅包升级
|
|
// 省份订阅包升级
|
|
- areaVipUpdate (item) {
|
|
|
|
- if(item.upgrade) {
|
|
|
|
|
|
+ areaVipUpdate(item) {
|
|
|
|
+ if (item.upgrade) {
|
|
this.areaVip('upgrade')
|
|
this.areaVip('upgrade')
|
|
} else {
|
|
} else {
|
|
// 开通超级订阅
|
|
// 开通超级订阅
|
|
@@ -348,14 +416,18 @@ export default {
|
|
}
|
|
}
|
|
},
|
|
},
|
|
// 大会员or商机管理续费咨询
|
|
// 大会员or商机管理续费咨询
|
|
- renewConsult () {
|
|
|
|
|
|
+ renewConsult() {
|
|
// 大会员续费咨询跳转落地页
|
|
// 大会员续费咨询跳转落地页
|
|
- if(this.activeAccountType.name && this.activeAccountType.name.includes('大会员')) {
|
|
|
|
|
|
+ if (
|
|
|
|
+ this.activeAccountType.name &&
|
|
|
|
+ this.activeAccountType.name.includes('大会员')
|
|
|
|
+ ) {
|
|
const attr = this.activeAccountType.attr || {}
|
|
const attr = this.activeAccountType.attr || {}
|
|
const link = {
|
|
const link = {
|
|
app: attr.app,
|
|
app: attr.app,
|
|
h5: attr.h5,
|
|
h5: attr.h5,
|
|
- wx: attr.h5
|
|
|
|
|
|
+ wx: attr.wx,
|
|
|
|
+ mini: attr.mini
|
|
}
|
|
}
|
|
openAppOrWxPage(link)
|
|
openAppOrWxPage(link)
|
|
} else {
|
|
} else {
|
|
@@ -364,7 +436,7 @@ export default {
|
|
}
|
|
}
|
|
},
|
|
},
|
|
// 联系客服
|
|
// 联系客服
|
|
- openCustomer () {
|
|
|
|
|
|
+ openCustomer() {
|
|
if (this.$envs.inWX) {
|
|
if (this.$envs.inWX) {
|
|
window.location.href = '/big/wx/page/customer'
|
|
window.location.href = '/big/wx/page/customer'
|
|
} else {
|
|
} else {
|
|
@@ -396,7 +468,7 @@ export default {
|
|
}
|
|
}
|
|
.app-header-set {
|
|
.app-header-set {
|
|
margin-right: 4px;
|
|
margin-right: 4px;
|
|
- margin-top:2px;
|
|
|
|
|
|
+ margin-top: 2px;
|
|
align-self: flex-start;
|
|
align-self: flex-start;
|
|
}
|
|
}
|
|
.header-info {
|
|
.header-info {
|
|
@@ -404,7 +476,7 @@ export default {
|
|
flex: 1;
|
|
flex: 1;
|
|
justify-content: space-between;
|
|
justify-content: space-between;
|
|
align-items: center;
|
|
align-items: center;
|
|
- padding:8px 0;
|
|
|
|
|
|
+ padding: 8px 0;
|
|
.user-info-container {
|
|
.user-info-container {
|
|
display: flex;
|
|
display: flex;
|
|
flex-direction: column;
|
|
flex-direction: column;
|
|
@@ -435,18 +507,18 @@ export default {
|
|
position: relative;
|
|
position: relative;
|
|
border: 1px solid rgba(255, 255, 255, 0.5);
|
|
border: 1px solid rgba(255, 255, 255, 0.5);
|
|
border-radius: 50%;
|
|
border-radius: 50%;
|
|
- img{
|
|
|
|
|
|
+ img {
|
|
border-radius: 50%;
|
|
border-radius: 50%;
|
|
}
|
|
}
|
|
.j-icon {
|
|
.j-icon {
|
|
position: absolute;
|
|
position: absolute;
|
|
}
|
|
}
|
|
- .vip-icon{
|
|
|
|
- left:0;
|
|
|
|
|
|
+ .vip-icon {
|
|
|
|
+ left: 0;
|
|
background-size: 20px;
|
|
background-size: 20px;
|
|
}
|
|
}
|
|
.bigmember-icon {
|
|
.bigmember-icon {
|
|
- right:0;
|
|
|
|
|
|
+ right: 0;
|
|
bottom: 0;
|
|
bottom: 0;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
@@ -466,10 +538,10 @@ export default {
|
|
//.icon-super-sub {
|
|
//.icon-super-sub {
|
|
// background-image: url(@/assets/image/icon/vip/icon-vip-gold-deep.png);
|
|
// background-image: url(@/assets/image/icon/vip/icon-vip-gold-deep.png);
|
|
//}
|
|
//}
|
|
- .user-info-bottom{
|
|
|
|
|
|
+ .user-info-bottom {
|
|
display: flex;
|
|
display: flex;
|
|
align-items: center;
|
|
align-items: center;
|
|
- .change-identity{
|
|
|
|
|
|
+ .change-identity {
|
|
display: flex;
|
|
display: flex;
|
|
align-items: center;
|
|
align-items: center;
|
|
font-size: 10px;
|
|
font-size: 10px;
|
|
@@ -477,16 +549,16 @@ export default {
|
|
color: #171826;
|
|
color: #171826;
|
|
padding: 2px 8px;
|
|
padding: 2px 8px;
|
|
border-radius: 10px;
|
|
border-radius: 10px;
|
|
- border: 1px solid #fff;
|
|
|
|
|
|
+ border: 1px solid #fff;
|
|
background: rgba(255, 255, 255, 0.65);
|
|
background: rgba(255, 255, 255, 0.65);
|
|
margin-right: 8px;
|
|
margin-right: 8px;
|
|
- .identity-name{
|
|
|
|
|
|
+ .identity-name {
|
|
overflow: hidden;
|
|
overflow: hidden;
|
|
display: inline-block;
|
|
display: inline-block;
|
|
max-width: 150px;
|
|
max-width: 150px;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
- .identity-keep{
|
|
|
|
|
|
+ .identity-keep {
|
|
color: #fff;
|
|
color: #fff;
|
|
line-height: 18px;
|
|
line-height: 18px;
|
|
font-size: 12px;
|
|
font-size: 12px;
|
|
@@ -500,15 +572,15 @@ export default {
|
|
padding-left: 12px;
|
|
padding-left: 12px;
|
|
padding-right: 12px;
|
|
padding-right: 12px;
|
|
}
|
|
}
|
|
- .self-handle-btn{
|
|
|
|
|
|
+ .self-handle-btn {
|
|
display: flex;
|
|
display: flex;
|
|
align-items: center;
|
|
align-items: center;
|
|
- font-size:12px;
|
|
|
|
|
|
+ font-size: 12px;
|
|
line-height: 18px;
|
|
line-height: 18px;
|
|
padding: 3px 12px;
|
|
padding: 3px 12px;
|
|
border-radius: 16px;
|
|
border-radius: 16px;
|
|
border: 1px solid #fff;
|
|
border: 1px solid #fff;
|
|
- background: rgba(255, 255, 255, .65);
|
|
|
|
|
|
+ background: rgba(255, 255, 255, 0.65);
|
|
color: #171826;
|
|
color: #171826;
|
|
}
|
|
}
|
|
.j-icon {
|
|
.j-icon {
|
|
@@ -518,24 +590,24 @@ export default {
|
|
border-radius: 50%;
|
|
border-radius: 50%;
|
|
border: 1px solid rgba(255, 255, 255, 0.65);
|
|
border: 1px solid rgba(255, 255, 255, 0.65);
|
|
}
|
|
}
|
|
- .vip-icon{
|
|
|
|
- background:rgba(255, 255, 255, 0.65);
|
|
|
|
|
|
+ .vip-icon {
|
|
|
|
+ background: rgba(255, 255, 255, 0.65);
|
|
backdrop-filter: blur(2px);
|
|
backdrop-filter: blur(2px);
|
|
}
|
|
}
|
|
.bigmember-icon {
|
|
.bigmember-icon {
|
|
- background:rgba(255, 255, 255, 0.5);
|
|
|
|
|
|
+ background: rgba(255, 255, 255, 0.5);
|
|
backdrop-filter: blur(2px);
|
|
backdrop-filter: blur(2px);
|
|
}
|
|
}
|
|
- .bg-line-gold{
|
|
|
|
- background: linear-gradient(90deg,#FFECCE 0%, #FCD7B2 100%);
|
|
|
|
- .self-handle-btn{
|
|
|
|
- border: 1px solid rgba(255,255,255,.5);
|
|
|
|
|
|
+ .bg-line-gold {
|
|
|
|
+ background: linear-gradient(90deg, #ffecce 0%, #fcd7b2 100%);
|
|
|
|
+ .self-handle-btn {
|
|
|
|
+ border: 1px solid rgba(255, 255, 255, 0.5);
|
|
box-shadow: 0px 4px 12px 0px rgba(186, 105, 31, 0.32);
|
|
box-shadow: 0px 4px 12px 0px rgba(186, 105, 31, 0.32);
|
|
}
|
|
}
|
|
}
|
|
}
|
|
- .bg-line-blue{
|
|
|
|
- background: linear-gradient(90deg, #DDFFF5 0%, #7CE8F6 100%);
|
|
|
|
- .self-handle-btn{
|
|
|
|
|
|
+ .bg-line-blue {
|
|
|
|
+ background: linear-gradient(90deg, #ddfff5 0%, #7ce8f6 100%);
|
|
|
|
+ .self-handle-btn {
|
|
border: 1px solid #fff;
|
|
border: 1px solid #fff;
|
|
box-shadow: 0 4px 12px 0 rgba(31, 186, 177, 0.32);
|
|
box-shadow: 0 4px 12px 0 rgba(31, 186, 177, 0.32);
|
|
}
|
|
}
|
|
@@ -548,8 +620,8 @@ export default {
|
|
background-size: cover;
|
|
background-size: cover;
|
|
vertical-align: text-bottom;
|
|
vertical-align: text-bottom;
|
|
}
|
|
}
|
|
- .account-info{
|
|
|
|
- font-size:12px;
|
|
|
|
|
|
+ .account-info {
|
|
|
|
+ font-size: 12px;
|
|
color: #171826;
|
|
color: #171826;
|
|
margin-top: 8px;
|
|
margin-top: 8px;
|
|
span {
|
|
span {
|
|
@@ -559,7 +631,7 @@ export default {
|
|
display: flex;
|
|
display: flex;
|
|
justify-content: flex-start;
|
|
justify-content: flex-start;
|
|
}
|
|
}
|
|
- .account-info-name{
|
|
|
|
|
|
+ .account-info-name {
|
|
line-height: 18px;
|
|
line-height: 18px;
|
|
cursor: pointer;
|
|
cursor: pointer;
|
|
.type-name {
|
|
.type-name {
|
|
@@ -569,17 +641,17 @@ export default {
|
|
}
|
|
}
|
|
.tip {
|
|
.tip {
|
|
color: #fff;
|
|
color: #fff;
|
|
- margin-left:4px;
|
|
|
|
|
|
+ margin-left: 4px;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
- .account-handle{
|
|
|
|
|
|
+ .account-handle {
|
|
display: flex;
|
|
display: flex;
|
|
justify-content: space-between;
|
|
justify-content: space-between;
|
|
margin-top: 8px;
|
|
margin-top: 8px;
|
|
- .gap{
|
|
|
|
- width:8px;
|
|
|
|
|
|
+ .gap {
|
|
|
|
+ width: 8px;
|
|
}
|
|
}
|
|
- &-item{
|
|
|
|
|
|
+ &-item {
|
|
display: flex;
|
|
display: flex;
|
|
align-items: center;
|
|
align-items: center;
|
|
flex-direction: column;
|
|
flex-direction: column;
|
|
@@ -590,9 +662,9 @@ export default {
|
|
border-radius: 12px 12px 0 0;
|
|
border-radius: 12px 12px 0 0;
|
|
color: #171826;
|
|
color: #171826;
|
|
box-shadow: 0px -2px 8px 0px rgba(169, 117, 39, 0.15);
|
|
box-shadow: 0px -2px 8px 0px rgba(169, 117, 39, 0.15);
|
|
- p{
|
|
|
|
|
|
+ p {
|
|
font-size: 12px;
|
|
font-size: 12px;
|
|
- line-height:18px;
|
|
|
|
|
|
+ line-height: 18px;
|
|
}
|
|
}
|
|
p:nth-of-type(1) {
|
|
p:nth-of-type(1) {
|
|
margin-bottom: 6px;
|
|
margin-bottom: 6px;
|
|
@@ -612,10 +684,10 @@ export default {
|
|
line-height: 24px;
|
|
line-height: 24px;
|
|
margin-left: 2px;
|
|
margin-left: 2px;
|
|
}
|
|
}
|
|
- .activity-tip{
|
|
|
|
|
|
+ .activity-tip {
|
|
padding: 2px 5px;
|
|
padding: 2px 5px;
|
|
border-radius: 9px 0 9px 0;
|
|
border-radius: 9px 0 9px 0;
|
|
- background: linear-gradient(90deg, #FF7C32 0%, #F33838 100%);
|
|
|
|
|
|
+ background: linear-gradient(90deg, #ff7c32 0%, #f33838 100%);
|
|
margin-left: 4px;
|
|
margin-left: 4px;
|
|
font-size: 10px;
|
|
font-size: 10px;
|
|
line-height: 14px;
|
|
line-height: 14px;
|
|
@@ -627,18 +699,18 @@ export default {
|
|
line-height: 18px;
|
|
line-height: 18px;
|
|
}
|
|
}
|
|
|
|
|
|
- .self-handle-btn{
|
|
|
|
|
|
+ .self-handle-btn {
|
|
position: absolute;
|
|
position: absolute;
|
|
bottom: 18px;
|
|
bottom: 18px;
|
|
right: 12px;
|
|
right: 12px;
|
|
- font-size:12px;
|
|
|
|
|
|
+ font-size: 12px;
|
|
line-height: 18px;
|
|
line-height: 18px;
|
|
padding: 5px 12px;
|
|
padding: 5px 12px;
|
|
border-radius: 16px;
|
|
border-radius: 16px;
|
|
- border: 1px solid rgba(255, 255, 255, .5);
|
|
|
|
- background: rgba(255, 255, 255, .65);
|
|
|
|
|
|
+ border: 1px solid rgba(255, 255, 255, 0.5);
|
|
|
|
+ background: rgba(255, 255, 255, 0.65);
|
|
box-shadow: 0 4px 12px 0 rgba(186, 105, 31, 0.32);
|
|
box-shadow: 0 4px 12px 0 rgba(186, 105, 31, 0.32);
|
|
- color: #33323A;
|
|
|
|
|
|
+ color: #33323a;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
|
|
@@ -650,7 +722,6 @@ export default {
|
|
box-shadow: 0 -2px 8px 0 rgba(169, 117, 39, 0.15);
|
|
box-shadow: 0 -2px 8px 0 rgba(169, 117, 39, 0.15);
|
|
}
|
|
}
|
|
}
|
|
}
|
|
-
|
|
|
|
}
|
|
}
|
|
.icon-youbian {
|
|
.icon-youbian {
|
|
vertical-align: middle;
|
|
vertical-align: middle;
|
|
@@ -659,14 +730,14 @@ export default {
|
|
.mine-header--blue {
|
|
.mine-header--blue {
|
|
.account-info {
|
|
.account-info {
|
|
.type-name {
|
|
.type-name {
|
|
- background: #B9F1F8;
|
|
|
|
|
|
+ background: #b9f1f8;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
.mine-header--gold {
|
|
.mine-header--gold {
|
|
.account-info {
|
|
.account-info {
|
|
.type-name {
|
|
.type-name {
|
|
- background: #FAE7CA;
|
|
|
|
|
|
+ background: #fae7ca;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
@@ -674,21 +745,20 @@ export default {
|
|
.account-info {
|
|
.account-info {
|
|
.type-name {
|
|
.type-name {
|
|
background: linear-gradient(90deg, #171826 0%, #444444 100%);
|
|
background: linear-gradient(90deg, #171826 0%, #444444 100%);
|
|
- color: #FAE7CA;
|
|
|
|
|
|
+ color: #fae7ca;
|
|
}
|
|
}
|
|
.active-type {
|
|
.active-type {
|
|
- .type-name{
|
|
|
|
- background: #FAE7CA;
|
|
|
|
- color: #1B1A2A;
|
|
|
|
|
|
+ .type-name {
|
|
|
|
+ background: #fae7ca;
|
|
|
|
+ color: #1b1a2a;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
- .single-identity-container{
|
|
|
|
- .change-identity{
|
|
|
|
|
|
+ .single-identity-container {
|
|
|
|
+ .change-identity {
|
|
background: #171826 !important;
|
|
background: #171826 !important;
|
|
border-color: #171826 !important;
|
|
border-color: #171826 !important;
|
|
- color: #FAE7CA !important;
|
|
|
|
-
|
|
|
|
|
|
+ color: #fae7ca !important;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
@@ -698,13 +768,13 @@ export default {
|
|
::v-deep {
|
|
::v-deep {
|
|
.order-tabs {
|
|
.order-tabs {
|
|
position: absolute;
|
|
position: absolute;
|
|
- width:100%;
|
|
|
|
- left:0;
|
|
|
|
|
|
+ width: 100%;
|
|
|
|
+ left: 0;
|
|
bottom: 0px;
|
|
bottom: 0px;
|
|
//height: 81px;
|
|
//height: 81px;
|
|
border-top-right-radius: 16px;
|
|
border-top-right-radius: 16px;
|
|
box-shadow: 0 -8px 12px 0 rgba(92, 31, 5, 0.15);
|
|
box-shadow: 0 -8px 12px 0 rgba(92, 31, 5, 0.15);
|
|
- background: linear-gradient(180deg, #fff 0%, #F5F6F7 100%);
|
|
|
|
|
|
+ background: linear-gradient(180deg, #fff 0%, #f5f6f7 100%);
|
|
}
|
|
}
|
|
}
|
|
}
|
|
</style>
|
|
</style>
|