wanma-benteng
/
new-mshop-view
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

优化：分销商申请转正和、供应商申请入驻添加背景图和顶部样式

This commit is contained in:
wuhui_zzw 2024-03-28 15:18:39 +08:00
parent d5a88292eb
commit dd983ace87
2 changed files with 64 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

38
pages/supplier/apply/apply_join.vue
View File

@ -3,7 +3,9 @@
<!--申请表单-->
<view class="form-content">
<!--背景图片-->
<image mode="widthFix" class="bg-img" src="@/static/images/supplier/supplier_apply_bg.jpg" />
<image mode="widthFix" class="bg-img" :src="formal_bg" />
<image mode="heightFix" class="top-icon" :src="formal_icon" />
<view class="top-title">供应商入驻申请</view>
<!--表单内容-->
<view class='form-main'>
<!--申请记录查看按钮-->
@ -149,6 +151,7 @@ import {mapGetters} from "vuex";
import authorize from '@/components/Authorize';
import {getSingleAgentInfo} from "@/api/agent";
import {supplierApplyJoin, supplierApplyInfo} from "@/api/supplier";
import { HTTP_REQUEST_URL } from '@/config/app.js';
export default {
name: 'business',
@ -183,6 +186,9 @@ export default {
isShowAuth: false,//是否隐藏授权
// 邀请信息
invite_agent_info: {},
formal_bg: '',
formal_icon: '',
}
},
onLoad(options) {
@ -211,6 +217,10 @@ export default {
_this.init();
}
},
onReady() {
this.formal_bg = `${HTTP_REQUEST_URL}/static/images/mer/formal_bg.png`;
this.formal_icon = `${HTTP_REQUEST_URL}/static/images/mer/formal_icon.png`;
},
methods: {
// 授权回调
onLoadFun() {
@ -322,19 +332,37 @@ export default {
position: relative;
.bg-img{
width: 100vw !important;
height: 2800rpx !important;
height: 540rpx !important;
}
.top-icon{
position: absolute;
top: 93rpx;
right: 60rpx;
z-index: 10;
height: 230rpx!important;
}
.top-title{
position: absolute;
top: 60rpx;
left: 60rpx;
z-index: 10;
height: 266rpx!important;
line-height: 266rpx!important;
color: #ffffff;
font-size: 50rpx;
font-weight: bold;
}
.form-main{
position: absolute;
top: 270rpx;
top: 300rpx;
left: 0;
width: 100vw;
padding: 60rpx 30rpx 30rpx 30rpx;
padding: 0rpx 30rpx;
.apply-record{
position: absolute;
display: flex;
align-items: center;
top: 0;
top: 22rpx;
right: 0;
color: #fff;
font-size: 22rpx;

35
pages/users/user_spread_user/formal.vue
View File

@ -3,7 +3,9 @@
<!--申请表单-->
<view class="form-content">
<!--背景图片-->
<image mode="widthFix" class="bg-img" src="@/static/images/supplier/supplier_apply_bg.jpg" />
<image mode="widthFix" class="bg-img" :src="formal_bg" />
<image mode="heightFix" class="top-icon" :src="formal_icon" />
<view class="top-title">提交转正申请</view>
<!--表单内容-->
<view class='form-main'>
<!--申请表单-->
@ -48,6 +50,7 @@
import {mapGetters} from "vuex";
import authorize from '@/components/Authorize';
import {brokerageApplyFormalGet, brokerageApplyFormalPost} from "@/api/user";
import { HTTP_REQUEST_URL } from '@/config/app.js';
export default {
name: 'business',
@ -66,6 +69,8 @@ export default {
// 登录相关
isAuto: false, //没有授权的不会自动授权
isShowAuth: false,//是否隐藏授权
formal_bg: '',
formal_icon: '',
}
},
onLoad(options) {
@ -80,6 +85,10 @@ export default {
_this.init();
}
},
onReady() {
this.formal_bg = `${HTTP_REQUEST_URL}/static/images/mer/formal_bg.png`;
this.formal_icon = `${HTTP_REQUEST_URL}/static/images/mer/formal_icon.png`;
},
methods: {
// 授权回调
onLoadFun() {
@ -160,14 +169,32 @@ export default {
position: relative;
.bg-img{
width: 100vw !important;
height: 2800rpx !important;
height: 540rpx !important;
}
.top-icon{
position: absolute;
top: 60rpx;
right: 60rpx;
z-index: 10;
height: 266rpx!important;
}
.top-title{
position: absolute;
top: 60rpx;
left: 60rpx;
z-index: 10;
height: 266rpx!important;
line-height: 266rpx!important;
color: #ffffff;
font-size: 50rpx;
font-weight: bold;
}
.form-main{
position: absolute;
top: 270rpx;
top: 300rpx;
left: 0;
width: 100vw;
padding: 60rpx 30rpx 30rpx 30rpx;
padding: 0rpx 30rpx;
.apply-record{
position: absolute;
display: flex;