|
|
@@ -3,8 +3,8 @@
|
|
|
<view class="user-box">
|
|
|
<view class="icon-name-box">
|
|
|
<view class="icon-box">
|
|
|
- <image class="icon"
|
|
|
- :src="user.userIcon ?? '/static/images/avatar-img/1.png'"
|
|
|
+ <image class="icon"
|
|
|
+ :src="user.userIcon ?? '/static/images/avatar-img/1.png'"
|
|
|
@click="onIconOpen"
|
|
|
></image>
|
|
|
</view>
|
|
|
@@ -161,7 +161,7 @@
|
|
|
<u-row gutter="20">
|
|
|
<u-col span="3" v-for="icon in iconList" :key="icon.name" @click="currentIcon = icon">
|
|
|
<view class="icon-item" :class="{'icon-active': icon.name === currentIcon.name}">
|
|
|
- <image class="icon" :src="icon.url"></image>
|
|
|
+ <image class="icon" :src="icon.url" mode="aspectFill"></image>
|
|
|
</view>
|
|
|
</u-col>
|
|
|
</u-row>
|
|
|
@@ -182,15 +182,15 @@
|
|
|
|
|
|
<script setup>
|
|
|
import CreditCard from '@/components/creditCard.vue'
|
|
|
-
|
|
|
+
|
|
|
import { ref, computed } from 'vue'
|
|
|
import { onLoad, onShow } from '@dcloudio/uni-app'
|
|
|
import { getToken, removeToken } from '@/utils/auth.js'
|
|
|
import { useAuthStore } from '@/store/authStore'
|
|
|
-
|
|
|
+
|
|
|
import { getCreditCard, getZhongjie, getAnjie, getIconList, updateIcon } from '@/api/user.js'
|
|
|
import { msgError, msgSuccess, showConfirm } from '@/utils/common'
|
|
|
-
|
|
|
+
|
|
|
import { useTabbarStore } from '@/store/tabbarStore.js'
|
|
|
const tabbarStore = useTabbarStore()
|
|
|
// 底部导航栏数据
|
|
|
@@ -206,9 +206,9 @@
|
|
|
return tabbarStore.inactiveColor
|
|
|
})
|
|
|
const tabbarCurrentIndex = 0
|
|
|
-
|
|
|
+
|
|
|
const authStore = useAuthStore()
|
|
|
-
|
|
|
+
|
|
|
// 用户信息
|
|
|
const user = ref({
|
|
|
userIcon: null,
|
|
|
@@ -216,7 +216,7 @@
|
|
|
corpName: '广州市xx地产有限公司',
|
|
|
corpRegNo: '123xxxx'
|
|
|
})
|
|
|
-
|
|
|
+
|
|
|
const iconVisible = ref(false)
|
|
|
const iconList = ref([
|
|
|
{
|
|
|
@@ -249,7 +249,7 @@
|
|
|
function onIconCancel() {
|
|
|
iconVisible.value = false
|
|
|
}
|
|
|
-
|
|
|
+
|
|
|
// 是否预览信用信息卡
|
|
|
const showCreditCard = ref(false)
|
|
|
// 信用信息卡
|
|
|
@@ -345,7 +345,7 @@
|
|
|
}
|
|
|
})
|
|
|
}
|
|
|
-
|
|
|
+
|
|
|
// 点击-会费缴交
|
|
|
function onHuiFeiJiaoJiao() {
|
|
|
if (!isLogin.value) {
|
|
|
@@ -408,9 +408,9 @@
|
|
|
url: '/pages/initial/initial'
|
|
|
})
|
|
|
})
|
|
|
-
|
|
|
+
|
|
|
}
|
|
|
-
|
|
|
+
|
|
|
function toLogin() {
|
|
|
uni.navigateTo({
|
|
|
url: '/pages/initial/initial'
|
|
|
@@ -421,18 +421,18 @@
|
|
|
url: '/pages/register/register'
|
|
|
})
|
|
|
}
|
|
|
-
|
|
|
+
|
|
|
const isLogin = computed(() => {
|
|
|
return authStore.token ? true : false
|
|
|
})
|
|
|
-
|
|
|
+
|
|
|
onShow(() => {
|
|
|
user.value = authStore.userInfo
|
|
|
getCreditCard().then(res => {
|
|
|
if (res && res.message === 'success') {
|
|
|
creditCard.value = res.data
|
|
|
authStore.setCreditCard(res.data)
|
|
|
-
|
|
|
+
|
|
|
getZhongjie().then(res => {
|
|
|
if (res && res.message === 'success') {
|
|
|
zhongjie.value = res.data ?? {zsbh: null}
|
|
|
@@ -466,8 +466,8 @@
|
|
|
background: -o-linear-gradient( 90deg, rgb(141, 204, 255) 10%, rgb(247, 247, 247) 30%);
|
|
|
background: -ms-linear-gradient( 90deg, rgb(141, 204, 255) 10%, rgb(247, 247, 247) 30%);
|
|
|
background: linear-gradient( 180deg, rgb(141, 204, 255) 10%, rgb(247, 247, 247) 30%);
|
|
|
-
|
|
|
- .user-box {
|
|
|
+
|
|
|
+ .user-box {
|
|
|
padding: 0 40rpx;
|
|
|
.icon-name-box {
|
|
|
display: flex;
|
|
|
@@ -492,7 +492,7 @@
|
|
|
.name-box {
|
|
|
font-size: $uni-title-font-size-1;
|
|
|
letter-spacing: 5rpx;
|
|
|
-
|
|
|
+
|
|
|
.name {
|
|
|
display: flex;
|
|
|
gap: 5rpx;
|
|
|
@@ -518,7 +518,7 @@
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
-
|
|
|
+
|
|
|
.certificate-box {
|
|
|
padding: 0 20rpx;
|
|
|
margin-top: 20rpx;
|
|
|
@@ -531,22 +531,22 @@
|
|
|
width: 100%;
|
|
|
display: flex;
|
|
|
gap: 130rpx;
|
|
|
-
|
|
|
+
|
|
|
overflow-x: scroll;
|
|
|
overflow-y: hidden;
|
|
|
white-space:nowrap;
|
|
|
-
|
|
|
+
|
|
|
.list-item-box {
|
|
|
flex-shrink: 0;
|
|
|
height: $certificate-height;
|
|
|
width: $certificate-width;
|
|
|
background-color: #fff;
|
|
|
-
|
|
|
+
|
|
|
&:nth-child(1) {
|
|
|
background-color: #fff;
|
|
|
}
|
|
|
}
|
|
|
-
|
|
|
+
|
|
|
.zhongjie-back {
|
|
|
z-index: 999;
|
|
|
@include backgroundImg('http://www.gzrea.org.cn:8543/icon/wxmp/zhengshu/zhongjie-back.png')
|
|
|
@@ -569,23 +569,23 @@
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
-
|
|
|
+
|
|
|
.certificate-preview-box {
|
|
|
height: 65vh;
|
|
|
width: 75vw;
|
|
|
}
|
|
|
-
|
|
|
+
|
|
|
.menu-box {
|
|
|
padding: 20rpx 20rpx;
|
|
|
margin: 10rpx 0;
|
|
|
background-color: #fff;
|
|
|
width: 100%;
|
|
|
border-radius: $uni-card-border-radius;
|
|
|
-
|
|
|
+
|
|
|
-webkit-box-shadow: 0px 0px 12rpx 0px rgba(50, 50, 50, 0.25);
|
|
|
-moz-box-shadow: 0px 0px 12rpx 0px rgba(50, 50, 50, 0.25);
|
|
|
box-shadow: 0px 0px 12rpx 0px rgba(50, 50, 50, 0.25);
|
|
|
-
|
|
|
+
|
|
|
.menu-item-box {
|
|
|
height: 100rpx;
|
|
|
font-size: $uni-font-size-1;
|
|
|
@@ -611,7 +611,7 @@
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
-
|
|
|
+
|
|
|
.icon-list-box {
|
|
|
padding: 30rpx;
|
|
|
width: 90vw;
|
littleblue55