From dd983ace873316bb18e176e3eb295a2d0eab7ead Mon Sep 17 00:00:00 2001
From: wuhui_zzw <1760308791@qq.com>
Date: Thu, 28 Mar 2024 15:18:39 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BC=98=E5=8C=96=EF=BC=9A=E5=88=86=E9=94=80?=
 =?UTF-8?q?=E5=95=86=E7=94=B3=E8=AF=B7=E8=BD=AC=E6=AD=A3=E5=92=8C=E3=80=81?=
 =?UTF-8?q?=E4=BE=9B=E5=BA=94=E5=95=86=E7=94=B3=E8=AF=B7=E5=85=A5=E9=A9=BB?=
 =?UTF-8?q?=E6=B7=BB=E5=8A=A0=E8=83=8C=E6=99=AF=E5=9B=BE=E5=92=8C=E9=A1=B6?=
 =?UTF-8?q?=E9=83=A8=E6=A0=B7=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 pages/supplier/apply/apply_join.vue     | 38 +++++++++++++++++++++----
 pages/users/user_spread_user/formal.vue | 35 ++++++++++++++++++++---
 2 files changed, 64 insertions(+), 9 deletions(-)

diff --git a/pages/supplier/apply/apply_join.vue b/pages/supplier/apply/apply_join.vue
index a86bcbb..3728207 100644
--- a/pages/supplier/apply/apply_join.vue
+++ b/pages/supplier/apply/apply_join.vue
@@ -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;
diff --git a/pages/users/user_spread_user/formal.vue b/pages/users/user_spread_user/formal.vue
index d30000e..276a5f4 100644
--- a/pages/users/user_spread_user/formal.vue
+++ b/pages/users/user_spread_user/formal.vue
@@ -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;