仿东郊到家【8月份稳定版】同城到家/家政上门/美容/理疗/足疗/推拿/私教/瑜伽/健身

1、物料商城（商品分类、商品管理）
2、地图导览（平台总销售额、人员统计、营收数据、当前开放城市）
3、后台新增：技师统计（技师概况、技师数据统计、区域分布、技师数据等，可视化数据一目了然）
4、前台新增：地图找人（对技师分布精确定位、用户所在地，可视化数据一目了然）
5、服务管理（新增服务分类、加钟服务、服务审核、服务设置、加钟设置）
6、技师管理（新增技师入驻开关、首页推荐等）
7、营销管理（新增文章管理）
8、业务员（业务员审核、业务员数据、业务员设置）
9、渠道商（新增渠道商佣金设置）
10、代理商（代理商账号、代理商申请、代理商设置）
11、分销合伙人（分销合伙人审核、分销合伙人数据、分销合伙人设置）
12、动态管理（动态管理、评论管理、动态设置）
13、权限管理（手机端权限管理、手机端设置、后台权限管理、角色管理、账号管理、操作管理、操作日志）
14、门店管理（关联代理商）
15、电子合同（用于和平台入驻理疗师签订线上合作协议）
16、录音功能等大量新功能。
17、问题反馈（问题反馈、差评申诉）
18、DIY（新增行业服务人员名称开关。例如技师、美容师、理疗师）
19、系统设置：1、新增链接管理，可配置理疗师入驻页面、合作加盟页面链接到公众号菜单栏; 2、短信通知（新增阿里云配置、容联七陌配置、虚拟号设置、来电通知; 3、新增应用名称设置。

<block v-if="userInfo && !userInfo.nickName">
                   <auth :needAuth="userInfo && (!userInfo.phone || !userInfo.nickName)" :must="true" :type="!userInfo.phone ? 'phone' : 'userInfo'" class="flex-1">
                       <view class="flex-1 f-md-title text-bold ml-md" :style="{ color: configInfo[font_type[userPageType]] }">登录</view>
                   </auth>
               </block>
               <view class="flex-1 ml-md mt-sm rel" :style="{ color: configInfo[font_type[userPageType]] }" v-else>
                   <view class="flex-between">
                       <view @tap.stop="authUserProfile" class="flex-y-center f-title text-bold" style="color:#fff">
                           <view class="mr-sm max-500 ellipsis">{{ userInfo.nickName || '用户昵称' }}</view>
                           
                           <i class="flex-1 iconfont icon-shuaxin"></i>
                           
                       </view>
                       <view @tap.stop="$util.goUrl({ url: `/user/pages/setting` })" class="notice-item ml-md"><i style="color:#fff" class="iconfont icon-xitong text-bold"></i></view>
                   </view>
                   <view class="flex-between">
                       <view class=" member-tag flex-center mt-sm pl-md pr-md f-caption radius ">
                           <i class="iconfont iconhuiyuanka mr-sm"></i>
                           {{ mineInfo.coach_status === 2 ? mineInfo.coach_level.title || '宠托师' : '普通用户' }}
                       </view>
                       <view class="f-desc">
                           <block v-if="mineInfo.coach_status === 2 && mineInfo.service_time_long * 1 > 0">{{ `已服务${mineInfo.service_time_long}分钟` }}</block>
                       </view>
                   </view>
                   <view @tap.stop="toChooseLocation" class="flex-x-center mt-md f-caption" style="height: 72rpx" v-if="mineInfo.coach_status == 2">
                       <i class="iconfont iconjuli mr-sm"></i>
                       
                       <view class="flex-1 ellipsis-2">{{ coach_info.address }}</view>
                   </view>
                   <view class="mt-md" style="height: 72rpx" v-else></view>
               </view>
           </view>
       </view>

<view class="pages-mine-content">
           
           
           <block v-if="userPageType == 1">
               <view class="pages-mine-balance" :style="{background:primaryColor}">
                   <view class="pages-mine-balance-left">
                       <view class="pages-mine-balance-title">账户余额</view>
                       <view class="pages-mine-balance-number">{{ mineInfo.balance || 0 }}</view>
                   </view>

               <view class="pages-mine-panel">
                   <view class="pages-mine-panel-item">
                       <auth
                           :needAuth="userInfo && (!userInfo.phone || !userInfo.nickName)"
                           :must="true"
                           :type="!userInfo.phone ? 'phone' : 'userInfo'"
                           @go="$util.goUrl({ url: `/user/pages/coupon/list` })"
                           style="width: 50%"
                       >
                           <view class="pages-mine-panel-item-text">我的卡券</view>
                           <view class="pages-mine-panel-item-tips">剩余{{ mineInfo.coupon_count || 0 }}张</view>
                       </auth>
                   </view>
                   <view class="pages-mine-panel-item">
                       <auth :needAuth="userInfo && (!userInfo.phone || !userInfo.nickName)" :must="true" :type="!userInfo.phone ? 'phone' : 'userInfo'" @go="toAtv" style="width: 50%">
                           <view class="pages-mine-panel-item-text">邀请有礼</view>
                           <view class="pages-mine-panel-item-tips">邀请得福利</view>
                       </auth>
                   </view>
               </view>

               <view @tap.stop="toChange" class="list-item pd-lg flex-center b-1px-t" v-if="mineInfo.coach_status == 2 || mineInfo.coach_status == 3">
                   <i class="iconfont iconqiehuanjishiduan" :style="{ color: primaryColor }"></i>
                   <view class="flex-1 flex-between ml-md">
                       <view class="f-paragraph c-title">切换宠托师端</view>
                       <i class="iconfont icon-switch c-caption"></i>
                   </view>
               </view>

<view class="mine-tool-list fill-base radius-16">
                   
                   
                   
                   
                   
                   
                   
                   
               </view>
           </block>
           
           <block v-if="userPageType == 2">
               <view class=" mine-count-list rel box-shadow ml-lg mr-lg fill-base f-caption c-caption radius-16 ">
                   <view class="cancel-auth iconfont icon-biaoqian c-caption flex-center abs" v-if="mineInfo.coach_status == 3"><view class="text-bold f-icontext abs">取消授权</view></view>
                   <view @tap.stop="$util.goUrl({ url: `/technician/pages/income/index` })" class="flex-between pd-lg b-1px-b">
                       <view>
                           <view>服务收入(元)</view>
                           <view class="f-md-title c-title">{{ coach_info.service_price || 0 }}</view>
                       </view>
                       <view class="cash-btn flex-center f-paragraph radius" :style="{ color: primaryColor, border: `1rpx solid ${primaryColor}` }">去提现</view>
                   </view>
                   <view @tap.stop="$util.goUrl({ url: `/user/pages/cash-out?type=carfee` })" class="flex-between pd-lg b-1px-b">
                       <view>
                           <view>车费(元)</view>
                           <view class="f-md-title c-title">{{ coach_info.car_price || 0 }}</view>
                       </view>
                       <view class="cash-btn flex-center f-paragraph radius" :style="{ color: primaryColor, border: `1rpx solid ${primaryColor}` }">去提现</view>
                   </view>
                   <view @tap.stop="$util.goUrl({ url: `/technician/pages/income/car-fee-record` })" class="flex-between pt-md pb-md pr-lg f-paragraph">
                       <view></view>
                       <view class="flex-y-center">
                           提现记录
                           <i class="iconfont icon-right"></i>
                       </view>
                   </view>
               </view>

</view>
           </block>

           if (!this.configInfo.id || refresh) {
               await this.getConfigInfo();
           }
           await this.getMineInfo();
           this.$util.setNavigationBarColor({
               bg: this.primaryColor
           });

let { fx_check } = this.configInfo;
let { coach_status, fx_status } = this.mineInfo;

           let val = this.$util.deepCopy(this.mineInfo);
           val.is_fx = !fx_check || (fx_check && fx_status == 2);
           this.updateUserItem({
               key: 'mineInfo',
               val
           });
           this.updateUserItem({
               key: 'userPageType',
               val: coach_status == 2 || coach_status == 3 ? this.userPageType : 1
           });

           if (coach_status == 2 || coach_status == 3) {
               await this.getCoachInfo();
           }
           this.$util.hideAll();
       },

       compareVersion: function(v1, v2) {
           v1 = v1.split('.');
           v2 = v2.split('.');
           var len = Math.max(v1.length, v2.length);
           while (v1.length < len) {
               v1.push('0');
           }
           while (v2.length < len) {
               v2.push('0');
           }
           for (var i = 0; i < len; i++) {
               var num1 = parseInt(v1[i]);
               var num2 = parseInt(v2[i]);
               if (num1 > num2) {
                   return 1;
               } else if (num1 < num2) {
                   return -1;
               }
           }
           return 0;
       },

       initRefresh() {
           this.initIndex(true);
       },
       async getCoachInfo() {
           this.coach_info = await this.$api.technician.coachInfo();
       },
       // 更新用户信息
       async authUserProfile(e) {
           // #ifdef APP-PLUS
           uni.getUserInfo({
               provider: 'weixin',
               success: res => {
                   let { userInfo = {} } = res;
                   this.toUpdateUserInfo(userInfo);
               }
           });
           // #endif
           // #ifndef APP-PLUS
           var sdkversion = uni.getSystemInfoSync()['SDKVersion'];

           if (this.compareVersion('2.27.1', sdkversion) == 1) {
               debugger;
               uni.getUserProfile({
                   desc: '用于完善个人资料', // 声明获取用户个人信息后的用途，后续会展示在弹窗中，请谨慎填写
                   success: res => {
                       let { userInfo = {}, encryptedData, iv } = res;
                       let param = Object.assign({}, userInfo, {
                           encryptedData,
                           iv
                       });
                       this.toUpdateUserInfo(param);
                   },
                   fail: res => {
                       console.log(res, '=====fail');
                       this.toUpdateUserInfo();
                   }
               });
           } else {
               debugger;
               //去填写
               wx.navigateTo({
                   url: '/user/pages/CustomUserInfo'
               });
           }
           // #endif
       },
       async toUpdateUserInfo(userInfo = {}) {
           let { pMust } = this;
           if (userInfo.nickName) {
               this.$util.showLoading({
                   title: '更新中'
               });
               let { coupon_atv_id = 0 } = this.commonOptions;
               userInfo.coupon_atv_id = coupon_atv_id;
               await this.getAuthUserProfile(userInfo);
               setTimeout(() => {
                   this.$util.hideAll();
               }, 1000);
           }
       },
       // 选择地区
       async toChooseLocation(e) {
           await this.$util.checkAuth({
               type: 'userLocation'
           });
           let [, { address = '', longitude, latitude }] = await uni.chooseLocation();
           if (!address) return;
           await this.$api.technician.coachUpdate({
               address,
               lng: longitude,
               lat: latitude
           });
           this.coach_info.address = address;
           this.$util.showToast({
               title: `更新成功`
           });
       },
       // 跳转页面
       toJumpAll(key) {
           let url = {
               1: `/pages/order`,
               2: `/technician/pages/order/list`
           };
           let openType = {
               1: `reLaunch`,
               2: `navigateTo`
           };
           this.$util.goUrl({
               url: url[key],
               openType: openType[key]
           });
       },
       toJump(key, index) {
           console.log(key);
           console.log(index);
           console.log(this[key][index]);
           let { url, text } = this[key][index];
           if (['申请宠托师', '申请分销商', '申请渠道商'].includes(text)) {
               this.toApply(text == '申请宠托师' ? 1 : text == '申请分销商' ? 2 : 3);
               return;
           }
           if (text == '切换用户端') {
               this.toChange();
               return;
           }
           if (text == '联系客服') {
               let { mobile: url, im_type } = this.configInfo;
               // #ifdef MP-WEIXIN
               if (im_type == 2) return;
               // #endif
               this.$util.goUrl({
                   url,
                   openType: 'call'
               });
               return;
           }
           let openType = key == 'orderList' && index !== 4 ? `reLaunch` : 'navigateTo';
           this.$util.log(url);
           this.$util.goUrl({
               url,
               openType
           });
       },
       async toAtv() {
           if (!this.mineInfo.is_atv) {
               this.$util.showToast({
                   title: `暂无活动`
               });
               return;
           }
           let options = this.commonOptions;
           options.coupon_atv_id = 0;
           await this.updateCommonOptions(options);
           this.$util.goUrl({
               url: `/user/pages/coupon/share`
           });
       },
       // 申请宠托师/分销商/渠道商
       async toApply(type) {
           let { coach_status = -1, fx_status = -1, channel_status = -1 } = this.mineInfo;
           let status = type == 1 ? coach_status : type == 2 ? fx_status : channel_status;
           let page = {
               1: `/technician/pages/apply`,
               2: `/user/pages/distribution/apply`,
               3: `/user/pages/channel/apply`
           };
           // -1未申请，1审核中，2审核通过，3取消授权，4审核失败
           let url = status == -1 ? page[type] : `/user/pages/apply-result?type=${type}`;
           this.$util.log(url);
           this.$util.goUrl({
               url
           });
       },
       // 切换用户/宠托师端
       async toChange() {
           let { userPageType = 1 } = this;
           if (userPageType == 2) {
               await this.getCoachInfo();
           }
           this.updateUserItem({
               key: 'userPageType',
               val: userPageType == 2 ? 1 : 2
           });
       },
       onChange(e) {
           let { x, y } = e.detail;
           this.$nextTick(() => {
               this.offsetL = x;
               this.offsetT = y;
           });
       },
       // 求助
       async toHelp() {
           await this.$api.technician.police();
           this.$util.showToast({
               title: `求救成功`
           });
       }
   }
};
</script>

uni-grid {
   display: flex;
   flex-direction: row;
   flex-wrap: wrap;
}

.images {
width: 100rpx;
height: 100rpx;
}

.text {
font-size: 14px;
margin-top: 5px;
}

.grid-item-box-row {
   flex: 1;
   // position: relative;
   /* #ifndef APP-NVUE */
   display: flex;
   /* #endif */
   flex-direction: row;
   align-items: center;
   justify-content: center;
   padding: 15px 0;
}

.aaaaa {
   display: flex;
   flex-direction: row;
   justify-content: space-evenly;
}

.grid-dynamic-box {
margin-bottom: 15px;
}

.grid-item-box {
   flex: 1;
   // position: relative;
   /* #ifndef APP-NVUE */
   display: flex;
   /* #endif */
   flex-direction: column;
   align-items: center;
   justify-content: center;
   height: 100%;
   // padding: 15px 0;
}

.f_r_sb_c {
   display: flex;
   justify-content: space-between;
   align-items: center;
}

.pages-mine {
   .mine-bg {
       width: 100%;
       height: 368rpx;
       z-index: 0;
   }

   .mine-master-bg {
       width: 100%;
       height: 514rpx;
       z-index: -1;
   }

   .avatar_view {
       width: 120rpx;
       height: 120rpx;
       position: relative;

       .avatar {
           width: 120rpx;
           height: 120rpx;
           overflow: hidden;

           open-data {
               width: 120rpx;
               height: 120rpx;
           }
       }

       .text {
           width: 110rpx;
           position: absolute;
           bottom: -5rpx;
           left: 5rpx;
           height: 36rpx;
           line-height: 36rpx;
           background: #ffffff;
           border-radius: 18rpx;
           color: #a40035;
           font-size: 24rpx;
           text-align: center;
       }
   }

   .member-tag {
       min-width: 168rpx;
       height: 42rpx;
       color: #333;
       background: linear-gradient(to right, rgba(206, 163, 112, 1), rgba(219, 182, 136, 1));

       .iconfont {
           font-size: 28rpx;
       }
   }

   .icon-shuaxin,
   .icon-xitong {
       font-size: 40rpx;
   }

   .share-img {
       width: 86rpx;
       height: 86rpx;
   }

   .mine-count-list {
       .cancel-auth {
           width: 110rpx;
           height: 100rpx;
           font-size: 100rpx;
           top: 100rpx;
           left: 150rpx;

           .text-bold {
               height: 26rpx;
               transform: rotate(-32deg);
           }
       }

       .cash-btn {
           width: 138rpx;
           height: 52rpx;
           transform: rotateZ(360deg);
       }

       .icon-right {
           font-size: 28rpx;
       }
   }

   .share-list {
       .coupon-img {
           width: 97rpx;
           height: 87rpx;
       }

       .item-icon {
           width: 70rpx;
           height: 70rpx;

           .iconfont {
               font-size: 38rpx;
           }

           .item-icon {
               top: 0;
               left: 0;
               opacity: 0.1;
           }
       }
   }

   .mine-menu-list {
       // margin: 20rpx 30rpx 0 30rpx;
       margin: 30rpx 0;

.menu-title {
height: 90rpx;

           .iconfont {
               font-size: 24rpx;
           }
       }

       .item-child {
           width: 20%;
           margin: 10rpx 0;

           .iconfont {
               font-size: 52rpx;
           }

           .item-img {
               width: 88rpx;
               height: 88rpx;

               .iconfont {
                   font-size: 44rpx;
               }

               .item-img {
                   top: 0;
                   left: 0;
                   opacity: 0.1;
               }
           }
       }
   }

   .mine-tool-list {
       margin: 20rpx 30rpx 0 30rpx;
       box-shadow: 0px 3px 6px 0px rgba(227, 227, 227, 0.47);

       .list-item {
           .iconfont {
               font-size: 42rpx;
           }

           .icon-right {
               font-size: 28rpx;
           }

           .icon-switch {
               font-size: 70rpx;
               line-height: 48rpx;
           }
       }

       .list-item.b-1px-t:before {
           left: 60rpx;
       }
   }

   .help-img-info {
       width: 130rpx;
       height: 130rpx;
       right: 30rpx;

       .bg-img {
           width: 130rpx;
           height: 130rpx;
           opacity: 0.4;
           top: 0;
           left: 0;
       }

       .help-info {
           width: 130rpx;
           height: 130rpx;
           opacity: 1;
           top: 0;
           left: 0;

           .help-img {
               width: 118rpx;
               height: 118rpx;

               .iconfont {
                   font-size: 44rpx;
                   margin-bottom: 4rpx;
               }
           }
       }
   }
}
</style>