|
@@ -1,125 +1,83 @@
|
|
<template>
|
|
<template>
|
|
<view>
|
|
<view>
|
|
<public-module></public-module>
|
|
<public-module></public-module>
|
|
- <view class="headers " :style="headerStyle">
|
|
|
|
- <view class="dis a-c j-c">
|
|
|
|
- <text>首页</text>
|
|
|
|
|
|
+ <view class="headers dis a-c j-c" :style="headerStyle">
|
|
|
|
+ <text>掌柜合伙人</text>
|
|
|
|
+ <view class="right dis a-c">
|
|
|
|
+ <image src="/static/home/customerService.png" mode=""></image>
|
|
|
|
+ <text>客服</text>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
- <!-- <image style="position: relative;height:230px" src="../../static/beijing.png"></image> -->
|
|
|
|
- <!-- <image v-if="type == 1" style="position: relative;height:230px" src="../../static/shouye1.png"></image> -->
|
|
|
|
- <view class="Personnel">
|
|
|
|
- <!-- <view class="avatar">
|
|
|
|
- <image src="/static/img/Frame (8).png" mode=""></image>
|
|
|
|
- <text>团队新人员加入信息/新出单信息</text>
|
|
|
|
- </view> -->
|
|
|
|
- <!-- <uni-notice-bar show-icon scrollable text="uni-app 版正式发布,开发一次,同时发布iOS、Android、H5、微信小程序、支付宝小程序、百度小程序、头条小程序等7大平台。" /> -->
|
|
|
|
- </view>
|
|
|
|
- <view class="insurance " >
|
|
|
|
- <view class="insurance-balance">
|
|
|
|
- <text>我的余额</text>
|
|
|
|
- <view style="font-weight: bold;font-size: 21px;line-height: 24px;">{{totalList.balanceFee || 0}}</view>
|
|
|
|
- </view>
|
|
|
|
- <view class="insurance-today">
|
|
|
|
- <view class="search" @click="searchPopup">
|
|
|
|
- <text>{{showData}}<i></i></text>
|
|
|
|
|
|
+ <view class="homeBackground"></view>
|
|
|
|
+ <view class="" style="padding: 0 30rpx;">
|
|
|
|
+ <view class="dailyData-block">
|
|
|
|
+ <view class="title ">
|
|
|
|
+ <text>今日状况</text>
|
|
|
|
+ <image src="/static/home/icon1.png" class="image1" mode=""></image>
|
|
|
|
+ <image src="/static/home/icon3.png" class="image3" mode=""></image>
|
|
|
|
+ </view>
|
|
|
|
+ <image src="/static/home/icon2.png" class="image2" mode=""></image>
|
|
|
|
+ <view class="data dis f-wrap j-s">
|
|
|
|
+ <view class="dis f-c a-start view">
|
|
|
|
+ <text>3213213</text>
|
|
|
|
+ <text>订单(笔)</text>
|
|
</view>
|
|
</view>
|
|
- <view class=" dis a-c">
|
|
|
|
- <view class="today-data">
|
|
|
|
- <text>订单</text>
|
|
|
|
- <view>{{totalList.orderNumber || 0}}</view>
|
|
|
|
- </view>
|
|
|
|
- <view class="today-data">
|
|
|
|
- <text>保费</text>
|
|
|
|
- <view>{{totalList.sumPremium || 0}}</view>
|
|
|
|
- </view>
|
|
|
|
|
|
+ <view class="dis f-c a-start view">
|
|
|
|
+ <text>3213213</text>
|
|
|
|
+ <text>新增人员</text>
|
|
</view>
|
|
</view>
|
|
- <view class=" dis a-c">
|
|
|
|
- <view class="today-data">
|
|
|
|
- <text>会员人数 </text>
|
|
|
|
- <view>{{totalList.teamManNum || 0}}</view>
|
|
|
|
- </view>
|
|
|
|
- <view class="today-data">
|
|
|
|
- <text>总佣金</text>
|
|
|
|
- <view>{{totalList.extractFee || 0}}</view>
|
|
|
|
- </view>
|
|
|
|
|
|
+ <view class="dis f-c a-start view">
|
|
|
|
+ <text>3213213</text>
|
|
|
|
+ <text>保费(元)</text>
|
|
|
|
+ </view>
|
|
|
|
+ <view class="dis f-c a-start view">
|
|
|
|
+ <text>3213213</text>
|
|
|
|
+ <text>佣金(元)</text>
|
|
</view>
|
|
</view>
|
|
- </view>
|
|
|
|
- <!-- <view style="text-align: center;">
|
|
|
|
- <view class="insurance-cash">{{totalList.teamManNum || 0}}</view>
|
|
|
|
- <text class="insurance-text">会员总人数 </text>
|
|
|
|
- </view>
|
|
|
|
- <view style="text-align: center;">
|
|
|
|
- <view class="insurance-cash" >{{totalList.sumPremium || 0}}</view>
|
|
|
|
- <text class="insurance-text">总保费 </text>
|
|
|
|
- </view>
|
|
|
|
- <view style="text-align: center;">
|
|
|
|
- <view class="insurance-cash">{{totalList.extractFee || 0}}</view>
|
|
|
|
- <text class="insurance-text">我的佣金</text>
|
|
|
|
- </view> -->
|
|
|
|
- </view>
|
|
|
|
- <view >
|
|
|
|
- <view class="institutional-data dis j-s" v-if="type == 2 ||userInfo.sysUser.level==5">
|
|
|
|
- <view class="inst-con" @click="userInfo.sysUser.level==5 ?closeInstitution():closeStudion()">
|
|
|
|
- <view>{{ userInfo.sysUser.level==5 ?'我的工作室':'我的团队' }}</view>
|
|
|
|
- <text >{{userInfo.sysUser.level==5 ?totalList.workroomNum :totalList.workroomTeamNum}}</text>
|
|
|
|
- </view>
|
|
|
|
- <view class="inst-con" @click="userInfo.sysUser.level==5 ?recruitmentWorkCode() :recruitmentCode()">
|
|
|
|
- <view>我的招募码</view>
|
|
|
|
- <text >扫码加入</text>
|
|
|
|
- </view>
|
|
|
|
- </view>
|
|
|
|
- <view class="inst-data dis j-s" v-if="type == 1 && userInfo.sysUser.level!==5" >
|
|
|
|
- <view class="inst-con" @click="closePartner()">
|
|
|
|
- <view >我的合伙人</view>
|
|
|
|
- <text >{{totalList.partnerNum}}</text>
|
|
|
|
- </view>
|
|
|
|
- <view class="inst-con" @click="closeInstitution()">
|
|
|
|
- <view>我的工作室</view>
|
|
|
|
- <text >{{totalList.workroomNum}}</text>
|
|
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
- </view>
|
|
|
|
- <u-popup v-model="ShowModalCode" mode="bottom" border-radius="15" >
|
|
|
|
- <view class="ShowModalCode-style ">
|
|
|
|
- <text>团队招募码</text>
|
|
|
|
- <view class=" ShowModalCode-con">
|
|
|
|
- <view>扫码加入</view>
|
|
|
|
- <image :src="teamImg" mode="widthFix" lazy-load style="width: 150px;"></image>
|
|
|
|
|
|
+ <view class="statistics">
|
|
|
|
+ <u-tabs :list="list" :is-scroll="true" active-color="#333" inactive-color="#999" :current="current"
|
|
|
|
+ @change="change" style="background: transparent;border-bottom: 1rpx solid #EEEEEE;"></u-tabs>
|
|
|
|
+ <view class="count">
|
|
|
|
+ <image src="/static/home/icon4.png" class="mb-2" mode="" @click="invitationCode"></image>
|
|
|
|
+ <view class="data dis f-wrap j-s mb-3">
|
|
|
|
+ <view class="dis f-c a-c view" style="border-right: 1rpx solid #EEEEEE;" @click="closePartner">
|
|
|
|
+ <text>22</text>
|
|
|
|
+ <text>我的管理人</text>
|
|
|
|
+ </view>
|
|
|
|
+ <view class="dis f-c a-c view">
|
|
|
|
+ <text>22</text>
|
|
|
|
+ <text>管理人的工作室</text>
|
|
|
|
+ </view>
|
|
|
|
+ <view class="dis f-c a-c view" style="border-right: 1rpx solid #EEEEEE;">
|
|
|
|
+ <text>22</text>
|
|
|
|
+ <text>我今日新增合伙人</text>
|
|
|
|
+ </view>
|
|
|
|
+ <view class="dis f-c a-c view">
|
|
|
|
+ <text>22</text>
|
|
|
|
+ <text>今日管理人邀请的工作室</text>
|
|
|
|
+ </view>
|
|
|
|
+ <view class="dis f-c a-c view" style="border-right: 1rpx solid #EEEEEE;">
|
|
|
|
+ <text>22</text>
|
|
|
|
+ <text>今日保费</text>
|
|
|
|
+ </view>
|
|
|
|
+ <view class="dis f-c a-c view">
|
|
|
|
+ <text>22</text>
|
|
|
|
+ <text>今日佣金</text>
|
|
|
|
+ </view>
|
|
</view>
|
|
</view>
|
|
- </view>
|
|
|
|
- </u-popup>
|
|
|
|
- <u-popup v-model="ShowModalCodebusiness" mode="bottom" border-radius="15">
|
|
|
|
- <view>
|
|
|
|
- <text class=" ShowModalCode-business">工作室业务</text>
|
|
|
|
- <view>
|
|
|
|
- <radio-group class="uni-list" @change="styleChange">
|
|
|
|
- <view v-for="(item, index) in styles" :key="index" class="uni-list-item">
|
|
|
|
- <view class="uni-list-item__container">
|
|
|
|
- <view class="uni-list-item__content">
|
|
|
|
- <text class="uni-list-item__content-title">{{ item.text }}</text>
|
|
|
|
- </view>
|
|
|
|
- <view class="uni-list-item__extra">
|
|
|
|
- <radio :value="item.value" :checked="item.checked" />
|
|
|
|
- </view>
|
|
|
|
- </view>
|
|
|
|
- <view class="uni-list-item__notestext">{{ item.notestext }}</view>
|
|
|
|
|
|
+ <view class="earnings dis a-c j-s " @click="myEarnings">
|
|
|
|
+ <view class="dis a-c ">
|
|
|
|
+ <image src="/static/home/wallet.png" mode=""></image>
|
|
|
|
+ <text>我的收益</text>
|
|
</view>
|
|
</view>
|
|
- </radio-group>
|
|
|
|
- </view>
|
|
|
|
- <view class="ShowModalCode-sumbit" @click="ShowModalCodeSumbit()">确定</view>
|
|
|
|
- </view>
|
|
|
|
- </u-popup>
|
|
|
|
- <u-popup v-model="ShowModalCode1" mode="bottom" border-radius="15">
|
|
|
|
- <view class="ShowModalCode-style ">
|
|
|
|
- <text>工作室招募码</text>
|
|
|
|
- <view class=" ShowModalCode-con">
|
|
|
|
- <view>扫码加入</view>
|
|
|
|
- <image :src="workImg" mode="widthFix" lazy-load style="width: 150px;"></image>
|
|
|
|
|
|
+ <u-icon name="arrow-right" size="30" color="rgba(35,40,50,0.5)"></u-icon>
|
|
|
|
+ </view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
- </u-popup>
|
|
|
|
- <my-date-picker ref="datePicker" @confirmPickDate="confirmPickDate" />
|
|
|
|
|
|
+ </view>
|
|
|
|
+
|
|
</view>
|
|
</view>
|
|
</template>
|
|
</template>
|
|
<script>
|
|
<script>
|
|
@@ -129,504 +87,360 @@
|
|
mapState,
|
|
mapState,
|
|
mapMutations
|
|
mapMutations
|
|
} from "vuex"
|
|
} from "vuex"
|
|
-import { vShow } from "vue"
|
|
|
|
-export default {
|
|
|
|
- computed: {
|
|
|
|
- ...mapState(['userInfo', "userCheckInfo", ]),
|
|
|
|
- },
|
|
|
|
- components: {
|
|
|
|
- myDatePicker
|
|
|
|
- },
|
|
|
|
- data() {
|
|
|
|
- return {
|
|
|
|
- showData:'全部数据',
|
|
|
|
- ShowModalCode:false,
|
|
|
|
- ShowModalCode1:false,
|
|
|
|
- ShowModalCodebusiness:false,
|
|
|
|
- teamImg:'',
|
|
|
|
- workImg:'',
|
|
|
|
- totalList:{},
|
|
|
|
- type: uni.getStorageSync('type'),
|
|
|
|
- headerStyle: {
|
|
|
|
- backgroundColor: 'transparent',
|
|
|
|
- backgroundImage: '',
|
|
|
|
- backgroundSize: '',
|
|
|
|
- backgroundPosition: '',
|
|
|
|
- boxShadow: ''
|
|
|
|
- // 其他样式属性...
|
|
|
|
- },
|
|
|
|
- styles: [{
|
|
|
|
- value: '1',
|
|
|
|
- text: '渠道',
|
|
|
|
- notestext: '团队长加出单员模式,无分销模式,结费都在团队长处。',
|
|
|
|
- checked: true
|
|
|
|
- },
|
|
|
|
- {
|
|
|
|
- value: '2',
|
|
|
|
- notestext: '团队长加代理人模式,三级分销模式,结费方式为个人,有佣金。',
|
|
|
|
- text: '个代'
|
|
|
|
- }
|
|
|
|
- ],
|
|
|
|
- deptSource:1
|
|
|
|
- // type:JSON.parse(localStorage.getItem('type')).data
|
|
|
|
- }
|
|
|
|
- },
|
|
|
|
- async onShow(e) {
|
|
|
|
- this.type = uni.getStorageSync('type')
|
|
|
|
- this.showData='全部数据',
|
|
|
|
- this.getList()
|
|
|
|
-
|
|
|
|
- // let res = await this.$http.post('/APPPartner/getHomePage', {
|
|
|
|
- // type: uni.getStorageSync('type'),
|
|
|
|
- // });
|
|
|
|
- // if (res.code == '200') {
|
|
|
|
- // this.totalList = res.data
|
|
|
|
- // }
|
|
|
|
-
|
|
|
|
- },
|
|
|
|
- methods: {
|
|
|
|
- async getList(beginTime, endTime) {
|
|
|
|
- let params = {
|
|
|
|
- type: this.type,
|
|
|
|
- "endTime": endTime || '',
|
|
|
|
- "beginTime": beginTime || '',
|
|
|
|
- }
|
|
|
|
- let res = await this.$http.post('/APPPartner/getHomePage', params);
|
|
|
|
- if (res.code == '200') {
|
|
|
|
- this.totalList = res.data
|
|
|
|
- }
|
|
|
|
|
|
+ import {
|
|
|
|
+ vShow
|
|
|
|
+ } from "vue"
|
|
|
|
+ export default {
|
|
|
|
+ computed: {
|
|
|
|
+ ...mapState(['userInfo', "userCheckInfo"]),
|
|
},
|
|
},
|
|
- searchPopup() {
|
|
|
|
- this.$refs.datePicker.open()
|
|
|
|
|
|
+ components: {
|
|
|
|
+ myDatePicker
|
|
},
|
|
},
|
|
- confirmPickDate(dateStr, dateStr1,val) {
|
|
|
|
- if (dateStr) {
|
|
|
|
- dateStr += ' 00:00:01'
|
|
|
|
- }
|
|
|
|
- if (dateStr1) {
|
|
|
|
- dateStr1 += ' 23:59:59'
|
|
|
|
|
|
+ data() {
|
|
|
|
+ return {
|
|
|
|
+ list: [{
|
|
|
|
+ name: '我是创始人'
|
|
|
|
+ }, {
|
|
|
|
+ name: '我是管理人'
|
|
|
|
+ },
|
|
|
|
+ {
|
|
|
|
+ name: '我是合伙人'
|
|
|
|
+ },
|
|
|
|
+ {
|
|
|
|
+ name: '我是工作室'
|
|
|
|
+ }
|
|
|
|
+ ],
|
|
|
|
+ current: 0,
|
|
|
|
+ showData: '全部数据',
|
|
|
|
+ ShowModalCode: false,
|
|
|
|
+ ShowModalCode1: false,
|
|
|
|
+ ShowModalCodebusiness: false,
|
|
|
|
+ teamImg: '',
|
|
|
|
+ workImg: '',
|
|
|
|
+ totalList: {},
|
|
|
|
+ type: uni.getStorageSync('type'),
|
|
|
|
+ headerStyle: {
|
|
|
|
+ backgroundColor: 'transparent',
|
|
|
|
+ backgroundImage: '',
|
|
|
|
+ backgroundSize: '',
|
|
|
|
+ backgroundPosition: '',
|
|
|
|
+ boxShadow: ''
|
|
|
|
+ // 其他样式属性...
|
|
|
|
+ },
|
|
|
|
+ styles: [{
|
|
|
|
+ value: '1',
|
|
|
|
+ text: '渠道',
|
|
|
|
+ notestext: '团队长加出单员模式,无分销模式,结费都在团队长处。',
|
|
|
|
+ checked: true
|
|
|
|
+ },
|
|
|
|
+ {
|
|
|
|
+ value: '2',
|
|
|
|
+ notestext: '团队长加代理人模式,三级分销模式,结费方式为个人,有佣金。',
|
|
|
|
+ text: '个代'
|
|
|
|
+ }
|
|
|
|
+ ],
|
|
|
|
+ deptSource: 1
|
|
|
|
+ // type:JSON.parse(localStorage.getItem('type')).data
|
|
}
|
|
}
|
|
- this.showData=val
|
|
|
|
- this.getList(dateStr, dateStr1)
|
|
|
|
},
|
|
},
|
|
- styleChange(e) {
|
|
|
|
- this.deptSource = e.detail.value
|
|
|
|
- },
|
|
|
|
- recruitmentCode(){
|
|
|
|
- this.ShowModalCode=true
|
|
|
|
- this.teamImg = QR.createQrCodeImg(this.$base.h5BaseUrl + "/#/pages/index/applyteam?userId="+this.userInfo.sysUser.userId, {
|
|
|
|
- size: parseInt(200) //二维码大小
|
|
|
|
- })
|
|
|
|
- },
|
|
|
|
- ShowModalCodeSumbit(){
|
|
|
|
- console.log(this.deptSource,44444444);
|
|
|
|
- this.ShowModalCode1=true
|
|
|
|
- this.workImg = QR.createQrCodeImg(this.$base.h5BaseUrl + "/#/pages/index/applystudio?deptSource=" + this.deptSource + '&userId=' + this.userInfo.sysUser.userId, {
|
|
|
|
- size: parseInt(200) //二维码大小
|
|
|
|
- })
|
|
|
|
- },
|
|
|
|
- recruitmentWorkCode(){
|
|
|
|
- this.ShowModalCodebusiness=true
|
|
|
|
- this.deptSource = 1
|
|
|
|
|
|
+ async onShow(e) {
|
|
|
|
+ this.type = uni.getStorageSync('type')
|
|
|
|
+ this.showData = '全部数据',
|
|
|
|
+ this.getList()
|
|
|
|
+
|
|
|
|
+ // let res = await this.$http.post('/APPPartner/getHomePage', {
|
|
|
|
+ // type: uni.getStorageSync('type'),
|
|
|
|
+ // });
|
|
|
|
+ // if (res.code == '200') {
|
|
|
|
+ // this.totalList = res.data
|
|
|
|
+ // }
|
|
|
|
|
|
},
|
|
},
|
|
- detail(id){
|
|
|
|
- uni.navigateTo({
|
|
|
|
- url: "/pages/institutional/walletDetail?id="+id
|
|
|
|
- })
|
|
|
|
- },
|
|
|
|
- closeDetailPro(val){
|
|
|
|
|
|
+ methods: {
|
|
|
|
+ change(index) {
|
|
|
|
+ this.current = index;
|
|
|
|
+ },
|
|
|
|
+ async getList(beginTime, endTime) {
|
|
|
|
+ let params = {
|
|
|
|
+ type: this.type,
|
|
|
|
+ "endTime": endTime || '',
|
|
|
|
+ "beginTime": beginTime || '',
|
|
|
|
+ }
|
|
|
|
+ let res = await this.$http.post('/APPPartner/getHomePage', params);
|
|
|
|
+ if (res.code == '200') {
|
|
|
|
+ this.totalList = res.data
|
|
|
|
+ }
|
|
|
|
+ },
|
|
|
|
+ searchPopup() {
|
|
|
|
+ this.$refs.datePicker.open()
|
|
|
|
+ },
|
|
|
|
+ confirmPickDate(dateStr, dateStr1, val) {
|
|
|
|
+ if (dateStr) {
|
|
|
|
+ dateStr += ' 00:00:01'
|
|
|
|
+ }
|
|
|
|
+ if (dateStr1) {
|
|
|
|
+ dateStr1 += ' 23:59:59'
|
|
|
|
+ }
|
|
|
|
+ this.showData = val
|
|
|
|
+ this.getList(dateStr, dateStr1)
|
|
|
|
+ },
|
|
|
|
+ styleChange(e) {
|
|
|
|
+ this.deptSource = e.detail.value
|
|
|
|
+ },
|
|
|
|
+ recruitmentCode() {
|
|
|
|
+ this.ShowModalCode = true
|
|
|
|
+ this.teamImg = QR.createQrCodeImg(this.$base.h5BaseUrl + "/#/pages/index/applyteam?userId=" + this.userInfo
|
|
|
|
+ .sysUser.userId, {
|
|
|
|
+ size: parseInt(200) //二维码大小
|
|
|
|
+ })
|
|
|
|
+ },
|
|
|
|
+ ShowModalCodeSumbit() {
|
|
|
|
+ console.log(this.deptSource, 44444444);
|
|
|
|
+ this.ShowModalCode1 = true
|
|
|
|
+ this.workImg = QR.createQrCodeImg(this.$base.h5BaseUrl + "/#/pages/index/applystudio?deptSource=" + this
|
|
|
|
+ .deptSource + '&userId=' + this.userInfo.sysUser.userId, {
|
|
|
|
+ size: parseInt(200) //二维码大小
|
|
|
|
+ })
|
|
|
|
+ },
|
|
|
|
+ recruitmentWorkCode() {
|
|
|
|
+ this.ShowModalCodebusiness = true
|
|
|
|
+ this.deptSource = 1
|
|
|
|
+
|
|
|
|
+ },
|
|
|
|
+ detail(id) {
|
|
|
|
+ uni.navigateTo({
|
|
|
|
+ url: "/pages/institutional/walletDetail?id=" + id
|
|
|
|
+ })
|
|
|
|
+ },
|
|
|
|
+ closeDetailPro(val) {
|
|
uni.navigateTo({
|
|
uni.navigateTo({
|
|
url: `/pages/institutional/detail?deptId=${val.deptId}&deptName=${val.deptName}&startTime=${val.startTime}`
|
|
url: `/pages/institutional/detail?deptId=${val.deptId}&deptName=${val.deptName}&startTime=${val.startTime}`
|
|
})
|
|
})
|
|
},
|
|
},
|
|
-
|
|
|
|
- closeInstitution() {
|
|
|
|
- // if(this.totalList.workroomNum>0){
|
|
|
|
-
|
|
|
|
- // }
|
|
|
|
- // this.totalList.type=1
|
|
|
|
- uni.navigateTo({
|
|
|
|
- url: "/pages/institutional/institutionalTeam?key="+encodeURIComponent(JSON.stringify(this.totalList))
|
|
|
|
- })
|
|
|
|
- },
|
|
|
|
- closeStudion() {
|
|
|
|
- uni.navigateTo({
|
|
|
|
- url: "/pages/institutional/institutional?key="+encodeURIComponent(JSON.stringify(this.totalList))
|
|
|
|
- })
|
|
|
|
- },
|
|
|
|
- closePartner() {
|
|
|
|
- uni.navigateTo({
|
|
|
|
- url: "/pages/institutional/partner"
|
|
|
|
- })
|
|
|
|
- },
|
|
|
|
- viewTeam() {
|
|
|
|
- uni.navigateTo({
|
|
|
|
- url: "/pages/institutional/institutional"
|
|
|
|
- })
|
|
|
|
- },
|
|
|
|
- bankCard() {
|
|
|
|
- uni.navigateTo({
|
|
|
|
- url: "/pages/wallet/bankCard"
|
|
|
|
- })
|
|
|
|
- },
|
|
|
|
- bankwallet() {
|
|
|
|
- uni.navigateTo({
|
|
|
|
- url: "/pages/index/applystudio"
|
|
|
|
- })
|
|
|
|
- },
|
|
|
|
|
|
+
|
|
|
|
+ closeInstitution() {
|
|
|
|
+ // if(this.totalList.workroomNum>0){
|
|
|
|
+
|
|
|
|
+ // }
|
|
|
|
+ // this.totalList.type=1
|
|
|
|
+ uni.navigateTo({
|
|
|
|
+ url: "/pages/institutional/institutionalTeam?key=" + encodeURIComponent(JSON.stringify(this
|
|
|
|
+ .totalList))
|
|
|
|
+ })
|
|
|
|
+ },
|
|
|
|
+ closeStudion() {
|
|
|
|
+ uni.navigateTo({
|
|
|
|
+ url: "/pages/institutional/institutional?key=" + encodeURIComponent(JSON.stringify(this
|
|
|
|
+ .totalList))
|
|
|
|
+ })
|
|
|
|
+ },
|
|
|
|
+ //人员详情
|
|
|
|
+ closePartner() {
|
|
|
|
+ uni.navigateTo({
|
|
|
|
+ url: "/pages/institutional/partner"
|
|
|
|
+ })
|
|
|
|
+ },
|
|
|
|
+ //我的收益
|
|
|
|
+ myEarnings() {
|
|
|
|
+ uni.navigateTo({
|
|
|
|
+ url: "/pages/institutional/myEarnings"
|
|
|
|
+ })
|
|
|
|
+ },
|
|
|
|
+ //邀请码
|
|
|
|
+ invitationCode() {
|
|
|
|
+ uni.navigateTo({
|
|
|
|
+ url: "/pages/institutional/invitationCode"
|
|
|
|
+ })
|
|
|
|
+ },
|
|
|
|
+ viewTeam() {
|
|
|
|
+ uni.navigateTo({
|
|
|
|
+ url: "/pages/institutional/institutional"
|
|
|
|
+ })
|
|
|
|
+ },
|
|
|
|
+ bankCard() {
|
|
|
|
+ uni.navigateTo({
|
|
|
|
+ url: "/pages/wallet/bankCard"
|
|
|
|
+ })
|
|
|
|
+ },
|
|
|
|
+ bankwallet() {
|
|
|
|
+ uni.navigateTo({
|
|
|
|
+ url: "/pages/index/applystudio"
|
|
|
|
+ })
|
|
|
|
+ },
|
|
|
|
+ }
|
|
}
|
|
}
|
|
-}
|
|
|
|
</script>
|
|
</script>
|
|
<style lang="scss" scoped>
|
|
<style lang="scss" scoped>
|
|
-
|
|
|
|
-
|
|
|
|
-.homepage {
|
|
|
|
- display: flex;
|
|
|
|
- width: 100%;
|
|
|
|
- justify-content: space-between;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.homepage>view {
|
|
|
|
- width: 47%;
|
|
|
|
- height: 100px;
|
|
|
|
- // min-height: 18vh;
|
|
|
|
- // max-height: 22vh;
|
|
|
|
- background-size: contain;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.wallet {
|
|
|
|
- padding: 15upx 20upx;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.wallet>view:nth-child(1) {
|
|
|
|
- color: #333333;
|
|
|
|
- font-size: 14px;
|
|
|
|
- font-weight: bold;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.wallet>view:nth-child(2) {
|
|
|
|
- margin-top: 5upx;
|
|
|
|
- font-size: 12px;
|
|
|
|
- color: rgba(51, 51, 51, 0.8);
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.homepage>view:nth-child(1) {
|
|
|
|
- background: url(../../static/qianbao.png) no-repeat;
|
|
|
|
- background-size: 100% 100%;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.homepage>view:nth-child(2) {
|
|
|
|
- background: url(../../static/yinhangka.png) no-repeat;
|
|
|
|
- background-size: 100% 100%;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.institutional-data {
|
|
|
|
- margin: 16px;
|
|
|
|
-}
|
|
|
|
-.institutional-data>view:nth-child(1) {
|
|
|
|
- background: url(../../static/work.png) no-repeat;
|
|
|
|
- background-size: 100% 100%;
|
|
|
|
- color: #009B9F;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.institutional-data>view:nth-child(2) {
|
|
|
|
- background: url(../../static/zhaomum.png) no-repeat;
|
|
|
|
- background-size: 100% 100%;
|
|
|
|
- color: #3168DA;
|
|
|
|
-}
|
|
|
|
-// .institutional-title {
|
|
|
|
-// padding: 10upx 10upx 20upx 10upx;
|
|
|
|
-// font-weight: bold;
|
|
|
|
-
|
|
|
|
-// text {
|
|
|
|
-// font-size: 14px;
|
|
|
|
-// }
|
|
|
|
-// }
|
|
|
|
-
|
|
|
|
-// .institutional-list {
|
|
|
|
-// background: #FFFFFF;
|
|
|
|
-// border-radius: 12px 12px 12px 12px;
|
|
|
|
-// padding: 0 20upx;
|
|
|
|
-// font-size: 38upx;
|
|
|
|
-
|
|
|
|
-// }
|
|
|
|
-
|
|
|
|
-.view-now {
|
|
|
|
- background: linear-gradient(90deg, #7E99D1 0%, #4F78B1 100%);
|
|
|
|
- border-radius: 20px 20px 20px 20px;
|
|
|
|
- color: #fff;
|
|
|
|
- font-size: 11px;
|
|
|
|
- padding: 2px 10px;
|
|
|
|
-}
|
|
|
|
-.view-now1{
|
|
|
|
- background-color: rgba(79, 120, 177, 0.1);
|
|
|
|
- color: #537BB4;
|
|
|
|
- border-radius: 20px 20px 20px 20px;
|
|
|
|
- font-size: 11px;
|
|
|
|
- padding: 2px 10px;
|
|
|
|
-}
|
|
|
|
-.homepage-title {
|
|
|
|
- margin-top: 5px;
|
|
|
|
-
|
|
|
|
- button {
|
|
|
|
- background-color: #FEF0E1;
|
|
|
|
- color: #FE8F1C;
|
|
|
|
|
|
+ page {
|
|
|
|
+ background-color: #F7F7F7;
|
|
}
|
|
}
|
|
-}
|
|
|
|
-
|
|
|
|
-.homepage-title>button:last-child {
|
|
|
|
- background: #E6FAE3;
|
|
|
|
- color: #3AC716;
|
|
|
|
- margin-left: 10px;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.button1 {
|
|
|
|
- background-color: #FEF0E1;
|
|
|
|
- color: #FE8F1C;
|
|
|
|
- font-size: 11px;
|
|
|
|
- padding: 5px 10px
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.button2 {
|
|
|
|
- background: #E6FAE3;
|
|
|
|
- color: #3AC716;
|
|
|
|
- margin-left: 10px;
|
|
|
|
- font-size: 11px;
|
|
|
|
- padding: 5px 10px
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.inst-data {
|
|
|
|
- margin: 16px;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.inst-con {
|
|
|
|
- width: 47%;
|
|
|
|
- padding: 13px 16px;
|
|
|
|
- }
|
|
|
|
-.inst-con>view:nth-child(1) {
|
|
|
|
- font-size: 14px;
|
|
|
|
- font-weight: 700;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.inst-con>view:nth-child(2) {
|
|
|
|
- font-size: 13px;
|
|
|
|
- font-weight: 400;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.inst-data>view:nth-child(1) {
|
|
|
|
- background: url(../../static/hehuor.png) no-repeat;
|
|
|
|
- background-size: 100% 100%;
|
|
|
|
- color: #3168DA;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.inst-data>view:nth-child(2) {
|
|
|
|
- background: url(../../static/work.png) no-repeat;
|
|
|
|
- background-size: 100% 100%;
|
|
|
|
- color: #009B9F;
|
|
|
|
-}
|
|
|
|
-.headers {
|
|
|
|
|
|
+
|
|
|
|
+ .headers {
|
|
position: fixed;
|
|
position: fixed;
|
|
top: 0;
|
|
top: 0;
|
|
left: 0;
|
|
left: 0;
|
|
height: auto;
|
|
height: auto;
|
|
width: 100%;
|
|
width: 100%;
|
|
z-index: 999999;
|
|
z-index: 999999;
|
|
- padding: 16px;
|
|
|
|
- padding-top: 40px;
|
|
|
|
|
|
+ padding: 30rpx;
|
|
|
|
+ padding-top: 50px;
|
|
|
|
|
|
- >view {
|
|
|
|
- width: 100%;
|
|
|
|
- height: 100%;
|
|
|
|
- position: relative;
|
|
|
|
- }
|
|
|
|
text {
|
|
text {
|
|
- font-size: 18px;
|
|
|
|
- font-weight: 700;
|
|
|
|
- color: #333333;
|
|
|
|
|
|
+ font-size: 36rpx;
|
|
|
|
+ font-weight: bold;
|
|
|
|
+ color: #fff;
|
|
}
|
|
}
|
|
- }
|
|
|
|
- .Personnel {
|
|
|
|
- height: auto;
|
|
|
|
- width: 100%;
|
|
|
|
- background: #F7F7F7;
|
|
|
|
- background-image: url("/static/beijing.png");
|
|
|
|
- background-size: 100% 100%;
|
|
|
|
- padding: 235px 16px 15px 16px;
|
|
|
|
- // background-size: cover;
|
|
|
|
- // padding: 225px 16px 15px 16px;
|
|
|
|
- .avatar {
|
|
|
|
- background: #FFFFFF;
|
|
|
|
- box-shadow: 0px 0 8px 0px rgba(0,0,0,0.1);
|
|
|
|
- border-radius: 5px 5px 5px 5px;
|
|
|
|
- padding: 0 10px;
|
|
|
|
- line-height: 35px;
|
|
|
|
- height: 35px;
|
|
|
|
|
|
+
|
|
|
|
+ .right {
|
|
|
|
+ position: absolute;
|
|
|
|
+ right: 30rpx;
|
|
|
|
+
|
|
image {
|
|
image {
|
|
- display: inline-block;
|
|
|
|
- width: 16px;
|
|
|
|
- height: 16px;
|
|
|
|
- vertical-align: middle;
|
|
|
|
- margin-right: 5px;
|
|
|
|
|
|
+ width: 28rpx;
|
|
|
|
+ height: 28rpx;
|
|
|
|
+ margin-right: 4rpx;
|
|
|
|
+ }
|
|
|
|
+
|
|
|
|
+ text {
|
|
|
|
+ font-weight: 400;
|
|
|
|
+ color: #fff;
|
|
|
|
+ font-size: 24rpx;
|
|
}
|
|
}
|
|
-
|
|
|
|
}
|
|
}
|
|
-
|
|
|
|
}
|
|
}
|
|
- .insurance{
|
|
|
|
- margin: -50px 16px 0 16px;
|
|
|
|
- background: #FFFFFF;
|
|
|
|
- box-shadow: 0px 0 8px 0px rgba(0,0,0,0.1);
|
|
|
|
- border-radius: 5px 5px 5px 5px;
|
|
|
|
- padding:13px 16px 16px;
|
|
|
|
- // padding: 200px 16px 15px 16px;
|
|
|
|
- .insurance-balance{
|
|
|
|
- text-align: center;
|
|
|
|
- margin-bottom: 10px;
|
|
|
|
- color: #333333;
|
|
|
|
- line-height: 24px;
|
|
|
|
-
|
|
|
|
- text{
|
|
|
|
- font-size: 10px;
|
|
|
|
- color: #999999;
|
|
|
|
- line-height: 12px;
|
|
|
|
|
|
+
|
|
|
|
+ .homeBackground {
|
|
|
|
+ height: 177px;
|
|
|
|
+ width: 100%;
|
|
|
|
+ background-image: url("/static/home/back.png");
|
|
|
|
+ background-size: 100% 100%;
|
|
|
|
+ }
|
|
|
|
+
|
|
|
|
+ .dailyData-block {
|
|
|
|
+ width: 100%;
|
|
|
|
+ margin-top: -136rpx;
|
|
|
|
+ background-image: url("/static/home/aaa.png");
|
|
|
|
+ background-size: 100% 100%;
|
|
|
|
+ backdrop-filter: blur(2rpx);
|
|
|
|
+ padding: 20rpx 40rpx;
|
|
|
|
+
|
|
|
|
+ // background: rgba(255, 255, 255, 0.2);
|
|
|
|
+ // border-radius: 16px;
|
|
|
|
+ // box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
|
|
|
|
+ // backdrop-filter: blur(30px);
|
|
|
|
+ // border: 1px solid rgba(255, 255, 255, 1);
|
|
|
|
+ .title {
|
|
|
|
+ position: relative;
|
|
|
|
+ display: inline-block;
|
|
|
|
+
|
|
|
|
+ text {
|
|
|
|
+ color: #fff;
|
|
|
|
+ font-weight: bold;
|
|
|
|
+ font-size: 36rpx;
|
|
|
|
+ margin-left: 10rpx;
|
|
|
|
+ }
|
|
|
|
+
|
|
|
|
+ .image1 {
|
|
|
|
+ width: 16rpx;
|
|
|
|
+ height: 16rpx;
|
|
|
|
+ position: absolute;
|
|
|
|
+ top: 0;
|
|
|
|
+ right: -20rpx;
|
|
|
|
+ }
|
|
|
|
+
|
|
|
|
+ .image3 {
|
|
|
|
+ width: 166rpx;
|
|
|
|
+ height: 20rpx;
|
|
|
|
+ position: absolute;
|
|
|
|
+ bottom: 0;
|
|
|
|
+ left: 0;
|
|
}
|
|
}
|
|
|
|
+
|
|
}
|
|
}
|
|
- .insurance-today{
|
|
|
|
- background: #F7FBFF;
|
|
|
|
- border-radius: 5px 5px 5px 5px;
|
|
|
|
- padding: 8px 10px 16px 10px;
|
|
|
|
- .today-data{
|
|
|
|
|
|
+
|
|
|
|
+ .image2 {
|
|
|
|
+ width: 138rpx;
|
|
|
|
+ height: 138rpx;
|
|
|
|
+ position: absolute;
|
|
|
|
+ top: -50rpx;
|
|
|
|
+ right: 22rpx;
|
|
|
|
+ }
|
|
|
|
+
|
|
|
|
+ .data {
|
|
|
|
+ .view {
|
|
width: 50%;
|
|
width: 50%;
|
|
- padding-left: 16px;
|
|
|
|
- text{
|
|
|
|
- font-size: 10px;
|
|
|
|
- color: #999999;
|
|
|
|
- line-height: 12px;
|
|
|
|
|
|
+
|
|
|
|
+ text:first-child {
|
|
|
|
+ font-size: 46rpx;
|
|
|
|
+ color: #333;
|
|
|
|
+ font-weight: bold;
|
|
}
|
|
}
|
|
- view{
|
|
|
|
- font-weight: 600;
|
|
|
|
- font-size: 17px;
|
|
|
|
- color: #333333;
|
|
|
|
- line-height: 20px;
|
|
|
|
|
|
+
|
|
|
|
+ text:last-child {
|
|
|
|
+ font-size: 24rpx;
|
|
|
|
+ color: #666;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
- .search {
|
|
|
|
- text-align: center;
|
|
|
|
- text {
|
|
|
|
- font-size: 14px;
|
|
|
|
- color: #666666;
|
|
|
|
|
|
+ }
|
|
|
|
+ }
|
|
|
|
+
|
|
|
|
+ .statistics {
|
|
|
|
+ background: #FFFFFF;
|
|
|
|
+ border-radius: 20rpx 20rpx 20rpx 20rpx;
|
|
|
|
+ margin-top: 15rpx;
|
|
|
|
+
|
|
|
|
+ .count {
|
|
|
|
+ padding: 34rpx 30rpx;
|
|
|
|
+ box-sizing: border-box;
|
|
|
|
+
|
|
|
|
+ image {
|
|
|
|
+ width: 100%;
|
|
|
|
+ height: 120rpx;
|
|
|
|
+ }
|
|
|
|
+ }
|
|
|
|
+
|
|
|
|
+ .data {
|
|
|
|
+ padding: 30rpx;
|
|
|
|
+ box-sizing: border-box;
|
|
|
|
+ background-color: #FBFBFB;
|
|
|
|
+ border-radius: 8rpx;
|
|
|
|
+
|
|
|
|
+ .view {
|
|
|
|
+ width: 49%;
|
|
|
|
+
|
|
|
|
+ text:first-child {
|
|
|
|
+ font-size: 36rpx;
|
|
|
|
+ color: #333;
|
|
|
|
+ font-weight: bold;
|
|
|
|
+ margin-bottom: 4rpx;
|
|
}
|
|
}
|
|
-
|
|
|
|
- i {
|
|
|
|
- margin-left: 2px;
|
|
|
|
- display: inline-block;
|
|
|
|
- width: 0;
|
|
|
|
- height: 0;
|
|
|
|
- border: 4px solid;
|
|
|
|
- border-color: #666666;
|
|
|
|
- border-bottom: 4px solid transparent;
|
|
|
|
- border-right: 4px solid transparent;
|
|
|
|
- border-left: 4px solid transparent;
|
|
|
|
|
|
+
|
|
|
|
+ text:last-child {
|
|
|
|
+ font-size: 22rpx;
|
|
|
|
+ color: #999;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
- .insurance-cash{
|
|
|
|
- font-weight: 700;
|
|
|
|
- font-size: 21px;
|
|
|
|
- color: #333333;
|
|
|
|
- line-height: 24px;
|
|
|
|
- margin-bottom: 5px;
|
|
|
|
- }
|
|
|
|
- .insurance-text{
|
|
|
|
- font-weight: 300;
|
|
|
|
- font-size: 13px;
|
|
|
|
- color: #999999;
|
|
|
|
- line-height: 15px;
|
|
|
|
- }
|
|
|
|
- }
|
|
|
|
- .studio{
|
|
|
|
- margin:16px;
|
|
|
|
- }
|
|
|
|
- .ShowModalCode-style{
|
|
|
|
- text:first-child{
|
|
|
|
- display: block;
|
|
|
|
- font-weight: 600;
|
|
|
|
- font-size: 16px;
|
|
|
|
- color: #333333;
|
|
|
|
- border: 1px solid #EEEEEE;
|
|
|
|
- padding: 15px;
|
|
|
|
- text-align: center;
|
|
|
|
|
|
+
|
|
|
|
+ .earnings {
|
|
|
|
+ image {
|
|
|
|
+ width: 40rpx;
|
|
|
|
+ height: 40rpx;
|
|
|
|
+ }
|
|
|
|
+
|
|
|
|
+ text {
|
|
|
|
+ font-size: 30rpx;
|
|
|
|
+ color: #333;
|
|
|
|
+ margin-left: 14rpx;
|
|
|
|
+ }
|
|
}
|
|
}
|
|
}
|
|
}
|
|
- .ShowModalCode-con{
|
|
|
|
- padding: 30px;
|
|
|
|
- text-align: center;
|
|
|
|
- image{
|
|
|
|
- margin: 0 auto;
|
|
|
|
- margin-top: 15px;
|
|
|
|
|
|
+
|
|
|
|
+ ::v-deep {
|
|
|
|
+ .u-tab-bar {
|
|
|
|
+ background: linear-gradient(90deg, #2DD9FF 0%, #2D6DFF 100%) !important;
|
|
|
|
+ border-radius: 6rpx;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
- .ShowModalCode-business {
|
|
|
|
- display: block;
|
|
|
|
- font-weight: 600;
|
|
|
|
- font-size: 16px;
|
|
|
|
- color: #333333;
|
|
|
|
- // border: 1px solid #EEEEEE;
|
|
|
|
- padding: 15px;
|
|
|
|
- text-align: center;
|
|
|
|
-}
|
|
|
|
-.ShowModalCode-sumbit {
|
|
|
|
- background: linear-gradient(132deg, #2DD9FF 0%, #2D6DFF 100%);
|
|
|
|
- border-radius: 5px 5px 5px 5px;
|
|
|
|
- height: 40px;
|
|
|
|
- line-height: 40px;
|
|
|
|
- font-size: 16px;
|
|
|
|
- color: #FFFFFF;
|
|
|
|
- margin: 15px;
|
|
|
|
- text-align: center;
|
|
|
|
-}
|
|
|
|
-.uni-list {
|
|
|
|
- flex: 1;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.uni-list-item:first-child {
|
|
|
|
- /* #ifndef APP-NVUE */
|
|
|
|
- // display: flex;
|
|
|
|
- /* #endif */
|
|
|
|
- flex: 1;
|
|
|
|
- flex-direction: row;
|
|
|
|
- background-color: #FFFFFF;
|
|
|
|
- border-bottom-style: solid;
|
|
|
|
- border-bottom-width: 1px;
|
|
|
|
- border-bottom-color: #eee;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-
|
|
|
|
-.uni-list-item__container {
|
|
|
|
- padding: 12px 15px;
|
|
|
|
- width: 100%;
|
|
|
|
- flex: 1;
|
|
|
|
-
|
|
|
|
- position: relative;
|
|
|
|
- /* #ifndef APP-NVUE */
|
|
|
|
- display: flex;
|
|
|
|
- box-sizing: border-box;
|
|
|
|
- /* #endif */
|
|
|
|
- flex-direction: row;
|
|
|
|
- justify-content: space-between;
|
|
|
|
- align-items: center;
|
|
|
|
-
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.uni-list-item__notestext {
|
|
|
|
- padding: 0 15px 15px 15px;
|
|
|
|
- font-size: 15px;
|
|
|
|
- color: #666666;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.uni-list-item__content-title {
|
|
|
|
- font-size: 17px;
|
|
|
|
- color: #333333;
|
|
|
|
-}
|
|
|
|
</style>
|
|
</style>
|