修复了入驻按钮状态显示;更改了顶部导航栏的吸附,优化了一下顶部导航栏的UI影响;优化了数据统计的hover数据变色;以及提高了el-message层级显示;修改了官网的图片展示
This commit is contained in:
parent
7529ffb88e
commit
f560835ed3
BIN
src/assets/image/index/company2.png
Normal file
BIN
src/assets/image/index/company2.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.9 MiB |
@ -218,7 +218,7 @@ onUnmounted(() => {
|
||||
background-color: rgba(0, 0, 0, 0.75);
|
||||
z-index: 1000101;
|
||||
}
|
||||
.el-message {
|
||||
:global(.el-message) {
|
||||
z-index: 1000102 !important;
|
||||
}
|
||||
.login-container {
|
||||
|
||||
@ -110,17 +110,8 @@ const approval_status = ref(-1);
|
||||
const token = ref(userStore.token);
|
||||
const mobile = ref(userStore.mobilePhone);
|
||||
|
||||
watch(userStore, (newVal) => {
|
||||
token.value = newVal.token;
|
||||
mobile.value = newVal.mobilePhone.replace(
|
||||
/(^\d{3})(\d+)(\d{4})/g,
|
||||
"$1****$3"
|
||||
);
|
||||
isLoggedIn.value = !!token.value;
|
||||
});
|
||||
|
||||
// 每次页面加载时检查 token
|
||||
onMounted(() => {
|
||||
// 获取审核状态的函数
|
||||
const fetchApprovalStatus = () => {
|
||||
const mobile = localStorage.getItem("mobilePhone");
|
||||
if (mobile) {
|
||||
getApproval_status().then((res) => {
|
||||
@ -130,6 +121,38 @@ onMounted(() => {
|
||||
}
|
||||
});
|
||||
}
|
||||
};
|
||||
|
||||
watch(userStore, (newVal) => {
|
||||
token.value = newVal.token;
|
||||
// 更新手机号并格式化
|
||||
if (newVal.mobilePhone) {
|
||||
mobile.value = newVal.mobilePhone.replace(
|
||||
/(^\d{3})(\d+)(\d{4})/g,
|
||||
"$1****$3"
|
||||
);
|
||||
}
|
||||
isLoggedIn.value = !!token.value;
|
||||
|
||||
// 当登录状态变化且为已登录时,重新获取审核状态
|
||||
if (isLoggedIn.value) {
|
||||
fetchApprovalStatus();
|
||||
}
|
||||
});
|
||||
|
||||
// 页面加载时获取审核状态
|
||||
onMounted(() => {
|
||||
fetchApprovalStatus();
|
||||
|
||||
// 监听窗口 resize 事件
|
||||
resizeHandler = () => {
|
||||
const clientWidth = document.documentElement.clientWidth;
|
||||
const isMobile = clientWidth <= 768;
|
||||
if (!isMobile && isMenuOpen.value) {
|
||||
isMenuOpen.value = false;
|
||||
}
|
||||
};
|
||||
window.addEventListener("resize", resizeHandler);
|
||||
});
|
||||
|
||||
// 监听 userStore.isLoggedIn 的变化
|
||||
@ -169,7 +192,8 @@ const logout = () => {
|
||||
userStore.removeMobilePhone();
|
||||
userStore.removeIdentity();
|
||||
isLoggedIn.value = false; // 更新登录状态为未登录
|
||||
router.push("/"); // 可以根据需求跳转到其他页面
|
||||
approval_status.value = -1; // 重置审核状态
|
||||
router.push("/"); // 跳转到首页
|
||||
};
|
||||
|
||||
// 汉堡菜单相关逻辑
|
||||
@ -179,18 +203,8 @@ const toggleMenu = () => {
|
||||
isMenuOpen.value = !isMenuOpen.value;
|
||||
};
|
||||
|
||||
// 监听窗口 resize 事件
|
||||
// 窗口resize处理函数
|
||||
let resizeHandler: () => void;
|
||||
onMounted(() => {
|
||||
resizeHandler = () => {
|
||||
const clientWidth = document.documentElement.clientWidth;
|
||||
const isMobile = clientWidth <= 768;
|
||||
if (!isMobile && isMenuOpen.value) {
|
||||
isMenuOpen.value = false;
|
||||
}
|
||||
};
|
||||
window.addEventListener("resize", resizeHandler);
|
||||
});
|
||||
|
||||
onUnmounted(() => {
|
||||
window.removeEventListener("resize", resizeHandler);
|
||||
@ -203,6 +217,10 @@ onUnmounted(() => {
|
||||
width: 100%;
|
||||
padding: 15px 20px;
|
||||
display: flex;
|
||||
position: fixed;
|
||||
top:0;
|
||||
left: 0;
|
||||
z-index: 1000;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
background-color: #fff;
|
||||
|
||||
@ -77,12 +77,13 @@ const uploadSubmit = ({ file }) => {
|
||||
<style lang="scss" scoped>
|
||||
.feedback-container {
|
||||
width: 100%;
|
||||
min-height: calc(100vh - 70px - 150px);
|
||||
min-height: calc(100vh - 150px);//因为修改了顶部导航栏,所以调整了一下
|
||||
background: #eee;
|
||||
padding: 20px;
|
||||
.main {
|
||||
width: 1200px;
|
||||
margin:0 auto;
|
||||
margin-top: 70px;//因为修改了顶部导航栏,所以调整了一下
|
||||
background: #fff;
|
||||
border-radius: 10px;
|
||||
|
||||
|
||||
@ -14,7 +14,7 @@
|
||||
<style lang="scss" scoped>
|
||||
.help_container {
|
||||
width: 100%;
|
||||
min-height: calc(100vh - 70px - 150px);
|
||||
min-height: calc(100vh - 150px);//因为修改了顶部导航栏,所以调整了一下
|
||||
background: #eee;
|
||||
padding: 20px;
|
||||
}
|
||||
@ -22,6 +22,7 @@
|
||||
.main {
|
||||
width: 1200px;
|
||||
margin:0 auto;
|
||||
margin-top: 70px;//因为修改了顶部导航栏,所以调整了一下
|
||||
background: #fff;
|
||||
border-radius: 10px;
|
||||
padding: 20px;
|
||||
|
||||
@ -5,7 +5,7 @@
|
||||
<div class="company-detail">
|
||||
<el-row>
|
||||
<el-col :xs="24" :sm="24" :md="24" :lg="12" :xl="12">
|
||||
<img src="../../assets/image/index/company.jpg"
|
||||
<img src="../../assets/image/index/company2.png"
|
||||
/></el-col>
|
||||
<el-col :xs="24" :sm="24" :md="24" :lg="12" :xl="12">
|
||||
<div class="company-introduce">
|
||||
|
||||
@ -184,7 +184,7 @@ onMounted(() => {
|
||||
left: 50%;
|
||||
object-fit: contain;
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
top: 52%;//修改了顶部导航栏和谐一些
|
||||
transform: translate(-50%, -50%);
|
||||
width: 100%;
|
||||
z-index: 1;
|
||||
@ -252,10 +252,9 @@ onMounted(() => {
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
.counter_wrapper .count_box:hover .el-statistic__content {
|
||||
:deep(.count_box:hover .el-statistic__content) {
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
.counter_wrapper .count_box:hover {
|
||||
background: #f34d2c;
|
||||
}
|
||||
@ -290,6 +289,7 @@ onMounted(() => {
|
||||
|
||||
@media (max-width: 768px) {
|
||||
.text {
|
||||
padding-top: 30px;//顶部调整
|
||||
display: block;
|
||||
}
|
||||
|
||||
|
||||
@ -214,7 +214,7 @@
|
||||
|
||||
<template v-if="item.type == 'select' && item.key == 'mapAddress'">
|
||||
<el-cascader
|
||||
style="marginright: 5px"
|
||||
style="margin-right: 5px"
|
||||
v-model="applyFormData.map_address"
|
||||
:options="cascaderOptions2"
|
||||
@change="handleChange"
|
||||
|
||||
@ -16,7 +16,7 @@
|
||||
element-loading-text="数据加载中..."
|
||||
element-loading-background="rgba(0,0,0,.75)"
|
||||
>
|
||||
<div class="from_box">
|
||||
<div class="form_box">
|
||||
<div class="tit">店铺信息</div>
|
||||
|
||||
<el-form-item label="主体类型" prop="entity_type">
|
||||
@ -63,7 +63,7 @@
|
||||
</el-form-item>
|
||||
<el-form-item label="所在地区" prop="map_address">
|
||||
<el-cascader
|
||||
style="marginright: 5px"
|
||||
style="margin-right: 5px"
|
||||
v-model="applyFormData.map_address"
|
||||
:options="cascaderOptions2"
|
||||
@change="handleChange"
|
||||
@ -178,7 +178,7 @@
|
||||
</el-form-item>
|
||||
</div>
|
||||
|
||||
<div class="from_box">
|
||||
<div class="form_box">
|
||||
<div class="tit">营业信息</div>
|
||||
<div v-if="applyFormData.entity_type === 1">
|
||||
<el-form-item
|
||||
@ -657,7 +657,7 @@
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="from_box">
|
||||
<div class="form_box">
|
||||
<div class="tit">结算信息</div>
|
||||
<el-form-item label="银行卡" prop="bank_image">
|
||||
<el-upload
|
||||
@ -1778,7 +1778,7 @@ onMounted(() => {
|
||||
max-width: 100% !important;
|
||||
}
|
||||
|
||||
.from_box {
|
||||
.form_box {
|
||||
width: 100%;
|
||||
padding: 15px;
|
||||
margin: 0 0 12px;
|
||||
@ -1833,11 +1833,11 @@ onMounted(() => {
|
||||
}
|
||||
|
||||
@media (max-width: 768px) {
|
||||
|
||||
.el-cascader-menu {
|
||||
width: 120px;
|
||||
min-width: 120px;
|
||||
}
|
||||
|
||||
.signUp-container {
|
||||
.steps-container {
|
||||
width: 100%;
|
||||
|
||||
Loading…
Reference in New Issue
Block a user