From 6850c7d54745f18762346c677194e56e2dda5177 Mon Sep 17 00:00:00 2001
From: wuhui_zzw <1760308791@qq.com>
Date: Wed, 27 Mar 2024 18:08:41 +0800
Subject: [PATCH] =?UTF-8?q?=E6=B7=BB=E5=8A=A0=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=E6=B5=81=E7=A8=8B?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 api/user.js                             |   8 +
 pages.json                              |   6 +
 pages/user/index.vue                    |   7 +-
 pages/users/user_spread_user/formal.vue | 337 ++++++++++++++++++++++++
 pages/users/user_spread_user/index.vue  |  91 ++++---
 5 files changed, 413 insertions(+), 36 deletions(-)
 create mode 100644 pages/users/user_spread_user/formal.vue

diff --git a/api/user.js b/api/user.js
index d9598b5..d7942a0 100644
--- a/api/user.js
+++ b/api/user.js
@@ -715,6 +715,14 @@ export function writeOff(data) {
 export function vipExchangeCode(data) {
 	return request.post("sVip/vipExchangeCode", data);
 }
+// 分销商 - 申请转正信息提交
+export function brokerageApplyFormalPost(data) {
+	return request.post("user/brokerage_formal_info", data);
+}
+// 分销商 - 申请转正信息获取
+export function brokerageApplyFormalGet() {
+	return request.get("user/brokerage_formal_info");
+}
 
 
 
diff --git a/pages.json b/pages.json
index 3ee70ab..f21372c 100644
--- a/pages.json
+++ b/pages.json
@@ -248,6 +248,12 @@
 						"navigationBarTitleText": "我的推广"
 					}
 				},
+              {
+                "path": "user_spread_user/formal",
+                "style": {
+                  "navigationBarTitleText": "申请转正"
+                }
+              },
 				{
 					"path": "user_spread_code/index",
 					"style": {
diff --git a/pages/user/index.vue b/pages/user/index.vue
index 3d21106..df0451d 100644
--- a/pages/user/index.vue
+++ b/pages/user/index.vue
@@ -177,7 +177,7 @@
 					</view>
 				</view>
         <!-- 运营中心 -->
-        <view class="user-menus" v-if="isLogin && identityShow" style="margin-top: 20rpx;">
+        <view class="user-menus" v-if="isLogin && (identityShow || userInfo.service || userInfo.shopMerService || userInfo.smokeMerService)" style="margin-top: 20rpx;">
           <view class="title skeleton-rect">运营中心</view>
           <view class="menu-box operation-center">
             <view class="item" @click="clickOperationCenterMenu('headquarters')" v-if="Object.keys(identity.headquarters_list).length > 0">
@@ -580,8 +580,9 @@
 						if(that.is_promoter == 1){
 							item.isShow = that.is_promoter == 1 && that.extension_status == 1
 						}else if(that.is_promoter == 0 ){
-							item.isShow = that.is_promoter == 0 && that.extension_status == 1
-							item.url="/pages/users/distributor/index"
+              item.isShow = false
+							// item.isShow = that.is_promoter == 0 && that.extension_status == 1
+							// item.url="/pages/users/distributor/index"
 						}
 					}
 				}
diff --git a/pages/users/user_spread_user/formal.vue b/pages/users/user_spread_user/formal.vue
new file mode 100644
index 0000000..d30000e
--- /dev/null
+++ b/pages/users/user_spread_user/formal.vue
@@ -0,0 +1,337 @@
+<template>
+  <view class="main-content" :style="viewColor">
+    <!--申请表单-->
+    <view class="form-content">
+      <!--背景图片-->
+      <image mode="widthFix" class="bg-img" src="@/static/images/supplier/supplier_apply_bg.jpg"  />
+      <!--表单内容-->
+      <view class='form-main'>
+        <!--申请表单-->
+        <view class="list">
+          <view class="list-item list-img-item">
+            <view class="item-title">请上传申请凭证</view>
+            <view class="item-desc">(图片格式支持JPG、PNG、JPEG)</view>
+            <view class="upload">
+              <view class='pictrue' v-if="apply_info.voucher_image">
+                <image :src='apply_info.voucher_image'></image>
+                <text class='iconfont icon-guanbi1' @click="delPic('','voucher_image')"></text>
+              </view>
+              <view v-else class='pictrue acea-row row-center-wrapper row-column' @click="uploadPic('voucher_image')">
+                <text class='iconfont icon-icon25201'></text>
+                <view>上传图片</view>
+              </view>
+            </view>
+          </view>
+
+          <!--提交按钮-->
+          <template v-if="apply_info">
+            <view v-if="apply_info.status == 0" class="submit-btn not-btn">审核中</view>
+            <view v-else-if="apply_info.status == 1" class="submit-btn not-btn">已通过</view>
+            <template v-else>
+              <view v-if="apply_info.voucher_image" class="submit-btn" @click="submitInfo">提交申请</view>
+              <view v-else class="submit-btn not-btn">提交申请</view>
+            </template>
+          </template>
+          <template v-else>
+            <view v-if="apply_info.voucher_image" class="submit-btn" @click="submitInfo">提交申请</view>
+            <view v-else class="submit-btn not-btn">提交申请</view>
+          </template>
+        </view>
+      </view>
+    </view>
+    <!--授权登录-->
+    <authorize @onLoadFun="onLoadFun" :isAuto="isAuto" :isShowAuth="isShowAuth" @authColse="authClose"></authorize>
+  </view>
+</template>
+
+<script>
+import {mapGetters} from "vuex";
+import authorize from '@/components/Authorize';
+import {brokerageApplyFormalGet, brokerageApplyFormalPost} from "@/api/user";
+
+export default {
+  name: 'business',
+  components: {
+    authorize,
+  },
+  computed: {
+    ...mapGetters(['isLogin', 'uid', 'userInfo', 'viewColor'])
+  },
+  data() {
+    return {
+      apply_id: 0,
+      apply_info:{
+        voucher_image: ''
+      },
+      // 登录相关
+      isAuto: false, //没有授权的不会自动授权
+      isShowAuth: false,//是否隐藏授权
+    }
+  },
+  onLoad(options) {
+    let _this = this;
+    // 判断：是否登录
+    if (!_this.isLogin) {
+      // 未登录  授权登录
+      _this.isAuto = true;
+      _this.isShowAuth = true
+    }else{
+      // 已登录  获取信息
+      _this.init();
+    }
+  },
+  methods: {
+    // 授权回调
+    onLoadFun() {
+      if(this.isLogin){
+        this.isShowAuth = false;
+        this.init();
+      }
+    },
+    // 授权关闭
+    authClose(e) {
+      this.isShowAuth = e
+    },
+    // 授权成功 初始化
+    init () {
+      this.getApplyInfo();
+    },
+    // 图片上传 - 点击上传图片
+    uploadPic(field) {
+      let _this = this;
+      _this.$util.uploadImageOne('upload/image', function(res) {
+        if(res.status == 200){
+          let data = res.data || {};
+          let pics = data.path || '';
+
+          _this.$set(_this.apply_info, field, pics);
+        }
+      });
+    },
+    // 图片生成 - 删除图片
+    delPic(index, field){
+      let _this = this;
+      let pics = '';
+      if(field === 'corporation_id_card' || field === 'chairman_id_card'){
+        pics = Object.values(_this.apply_info[field]);
+        pics.splice(index, 1);
+      }
+
+      _this.$set(_this.apply_info, field, pics);
+    },
+    // 提交信息
+    submitInfo(){
+      let _this = this;
+      brokerageApplyFormalPost(_this.apply_info).then(res => {
+        if (res.status == 200) {
+          _this.$util.Tips({
+            title: '提交成功！',
+          },{
+            tab: 5,
+            url: '/pages/users/user_spread_user/index'
+          });
+        }
+      }).catch(err => {
+        this.$util.Tips({title: err});
+      });
+    },
+    // 获取申请信息
+    getApplyInfo(){
+      let _this = this;
+      brokerageApplyFormalGet().then(res => {
+        if (res.status == 200) {
+          let data = res.data || {};
+          _this.apply_info = data || {};
+        }
+      }).catch(err => {
+        this.$util.Tips({title: err});
+      });
+    }
+  }
+}
+</script>
+
+<style scoped lang="scss">
+.main-content{
+  width: 100vw;
+  min-height: 100vh!important;
+
+  .form-content{
+    position: relative;
+    .bg-img{
+      width: 100vw !important;
+      height: 2800rpx !important;
+    }
+    .form-main{
+      position: absolute;
+      top: 270rpx;
+      left: 0;
+      width: 100vw;
+      padding: 60rpx 30rpx 30rpx 30rpx;
+      .apply-record{
+        position: absolute;
+        display: flex;
+        align-items: center;
+        top: 0;
+        right: 0;
+        color: #fff;
+        font-size: 22rpx;
+        background-color: rgba(0, 0, 0, 0.3);
+        padding: 8rpx 18rpx;
+        border-radius: 20px 0px 0px 20px;
+        .icon-xiangyou{
+          font-size: 22rpx!important;
+        }
+      }
+      .list{
+        width: 100%;
+        padding: 30rpx;
+        background: #FFFFFF;
+        border-top-right-radius: 30rpx;
+        border-top-left-radius: 30rpx;
+
+        .list-input-item{
+          width: 100%;
+          display: inline-flex;
+          flex-direction: row;
+          flex-wrap: nowrap;
+          align-items: center;
+          justify-content: flex-start;
+          .item-name{
+            width: 230rpx;
+            height: 40rpx;
+            line-height: 40rpx;
+            text-align: left;
+            font-size: 28rpx;
+          }
+          .item-input{
+            width: calc(100% - 230rpx) !important;
+            font-size: 30rpx;
+          }
+        }
+        .list-img-item{
+          width: 100%;
+          display: inline-flex;
+          flex-direction: column;
+          flex-wrap: nowrap;
+          align-items: flex-start;
+          justify-content: center;
+          .item-title{
+            color: #666666;
+            font-size: 28rpx;
+            display: block;
+          }
+          .item-desc{
+            color: #B2B2B2;
+            font-size: 22rpx;
+            display: block;
+            margin-top: 8rpx;
+            line-height: 36rpx;
+          }
+          .upload{
+            margin-top: 20rpx;
+            display: inline-flex;
+            flex-direction: row;
+            flex-wrap: wrap;
+            align-items: center;
+            justify-content: flex-start;
+            .pictrue {
+              width: 130rpx;
+              height: 130rpx;
+              position: relative;
+              font-size: 11px;
+              color: #bbb;
+              margin-right: 15rpx;
+              margin-bottom: 15rpx;
+              &:nth-child(4n) {
+                margin-right: 0;
+              }
+              &:nth-last-child(1) {
+                border: 0.5px solid #ddd;
+                box-sizing: border-box;
+              }
+              uni-image, image {
+                width: 100%;
+                height: 100%;
+                border-radius: 1px;
+                img {
+                  -webkit-touch-callout: none;
+                  -webkit-user-select: none;
+                  -moz-user-select: none;
+                  display: block;
+                  position: absolute;
+                  top: 0;
+                  left: 0;
+                  opacity: 0;
+                  width: 100%;
+                  height: 100%;
+                }
+              }
+              .icon-guanbi1 {
+                font-size: 33rpx;
+                position: absolute;
+                top: -10px;
+                right: -10px;
+              }
+            }
+          }
+        }
+        .list-item{
+          padding: 20rpx 0;
+        }
+        .list-item:not(:last-child){
+          border-bottom: 1px solid #eee;
+        }
+        .submit-btn{
+          width: 100%;
+          margin: 50rpx auto auto auto;
+          height: 90rpx;
+          line-height: 90rpx;
+          border-radius: 50rpx;
+          text-align: center;
+          font-size: 15px;
+          color: #fff;
+          background: #409eff;
+        }
+        .manage-info {
+          width: calc(100% - 230rpx) !important;
+          margin-top: 20rpx;
+          display: inline-flex;
+          flex-direction: row;
+          flex-wrap: nowrap;
+          align-items: center;
+          justify-content: flex-start;
+          .left {
+            width: 100rpx;
+            text-align: left;
+
+            .left-image {
+              width: 90rpx;
+              height: 90rpx;
+              border-radius: 50%;
+            }
+          }
+          .right {
+            width: calc(100% - 100rpx);
+
+            .nickname {
+              width: 100%;
+              font-size: 30rpx;
+              font-weight: bold;
+            }
+
+            .uid {
+              width: 100%;
+            }
+          }
+        }
+      }
+    }
+  }
+
+  .not-btn{
+    background-color: #909399!important;
+    color: #fff!important;
+  }
+}
+</style>
diff --git a/pages/users/user_spread_user/index.vue b/pages/users/user_spread_user/index.vue
index 3b71ec0..4630a13 100644
--- a/pages/users/user_spread_user/index.vue
+++ b/pages/users/user_spread_user/index.vue
@@ -31,30 +31,30 @@
 			<view @click="openSubscribe('/pages/users/user_cash/index')" class='bnt b-color'>立即提现</view>
 			<!-- #endif -->
 			<view class='list acea-row row-between-wrapper'>
-				<navigator url='/pages/users/user_spread_code/index' hover-class="none" class='item acea-row row-center-wrapper row-column'>
-					<text class='iconfont icon-erweima'></text>
-					<view>推广名片</view>
-				</navigator>
-				<navigator url='/pages/users/promoter-list/index' hover-class="none" class='item acea-row row-center-wrapper row-column'>
-					<text class='iconfont icon-tongji'></text>
-					<view>推广人统计</view>
-				</navigator>
-				<navigator url='/pages/users/user_spread_money/index?type=2' hover-class="none" class='item acea-row row-center-wrapper row-column'>
-					<text class='iconfont icon-qiandai'></text>
-					<view>佣金明细</view>
-				</navigator>
-				<navigator url='/pages/users/promoter-order/index' hover-class="none" class='item acea-row row-center-wrapper row-column'>
-					<text class='iconfont icon-dingdan'></text>
-					<view>推广人订单</view>
-				</navigator>
-				<!--<navigator url='/pages/users/promoter_rank/index' hover-class="none" class='item acea-row row-center-wrapper row-column'>-->
-				<!--	<text class='iconfont icon-paihang1'></text>-->
-				<!--	<view>推广人排行</view>-->
-				<!--</navigator>-->
-				<!--<navigator url='/pages/users/commission_rank/index' hover-class="none" class='item acea-row row-center-wrapper row-column'>-->
-				<!--	<text class='iconfont icon-paihang'></text>-->
-				<!--	<view>佣金排行</view>-->
-				<!--</navigator>-->
+        <view class='item acea-row row-center-wrapper row-column' @click="goToPage('/pages/users/user_spread_code/index')">
+          <text class='iconfont icon-erweima'></text>
+          <view>推广名片</view>
+        </view>
+        <view class='item acea-row row-center-wrapper row-column' @click="goToPage('/pages/users/promoter-list/index')">
+          <text class='iconfont icon-erweima'></text>
+          <view>推广人统计</view>
+        </view>
+        <view class='item acea-row row-center-wrapper row-column' @click="goToPage('/pages/users/user_spread_money/index?type=2')">
+          <text class='iconfont icon-erweima'></text>
+          <view>佣金明细</view>
+        </view>
+        <view class='item acea-row row-center-wrapper row-column' @click="goToPage('/pages/users/promoter-order/index')">
+          <text class='iconfont icon-erweima'></text>
+          <view>推广人订单</view>
+        </view>
+        <!--<view class='item acea-row row-center-wrapper row-column' @click="goToPage('/pages/users/promoter_rank/index')">
+          <text class='iconfont icon-erweima'></text>
+          <view>推广人排行</view>
+        </view>
+        <view class='item acea-row row-center-wrapper row-column' @click="goToPage('/pages/users/commission_rank/index')">
+          <text class='iconfont icon-erweima'></text>
+          <view>佣金排行</view>
+        </view>-->
 			</view>
 		</view>
 		<view class="instructions" v-if="showProtocol">
@@ -71,11 +71,9 @@
 </template>
 <script>
 
-	import { getUserInfo,spreadInfo, commissionDescription } from '@/api/user.js';
+	import { spreadInfo, commissionDescription } from '@/api/user.js';
 	import { openEextractSubscribe } from '@/utils/SubscribeMessage.js';
-	import {
-		mapGetters
-	} from "vuex";
+	import {mapGetters} from "vuex";
 	import authorize from '@/components/Authorize';
 	import parser from "@/components/jyf-parser/jyf-parser";
   import spread from "../../../libs/spread";
@@ -107,7 +105,6 @@
 				this.isAuto = true;
 				this.isShowAuth = true
 			}
-
       // 关系处理
       if(options.spread) spread(options.spread, this.isLogin)
 		},
@@ -141,9 +138,7 @@
 					uni.hideLoading();
 				});
 			},
-			/**
-			 * 获取佣金数据
-			 */
+			// 获取佣金数据
 			spreadInfo: function() {
 				let that = this;
 				spreadInfo().then(res => {
@@ -158,7 +153,37 @@
 						});
 					},1000)
 				});
-			}
+			},
+      // 页面跳转
+      goToPage(path){
+        // 判断：如果是分享海报 判断是否转正
+        if(path === '/pages/users/user_spread_code/index' && this.userInfo.is_formal != 1){
+          uni.showModal({
+            title: '提示',
+            content: '未转正，无分享权限！',
+            cancelText: '取消',
+            confirmText: '申请转正',
+            success: function(res) {
+              if (res.confirm) {
+                uni.navigateTo({
+                  url: '/pages/users/user_spread_user/formal'
+                })
+              }
+            }
+          });
+          return false;
+        }
+        // 页面跳转
+        uni.navigateTo({
+          url: path
+        })
+      }
+
+
+
+
+
+
 		},
     // #ifdef MP
     // 分享给好友