法务、大区运营中心样式调整

This commit is contained in:
2023-03-06 13:21:30 +08:00
parent adca841407
commit a57be162ff
2 changed files with 78 additions and 17 deletions

View File

@@ -10,8 +10,8 @@ import router from '../router'
// 基础配置
const config = {
apiUrl : 'https://douhuo.douhuofalv.com/api/',
// apiUrl : 'https://api.douhuotest.douhuofalv.com/api/', //测试环境
// apiUrl : 'https://douhuo.douhuofalv.com/api/',
apiUrl : 'https://api.douhuotest.douhuofalv.com/api/', //测试环境
timeout : 60000
}

View File

@@ -1,25 +1,48 @@
<template>
<view class="content">
<!-- :style="'background-image: url(' + require('@/static/icons/yunying_bg.png') + ');'" -->
<view class="list-item">
<view class="label-t"><u-icon class="icon" name="level" color="#446EFE" size="40rpx" bold />机构名称</view>
<view class='value'>
{{team_name || '--'}}{{defaultTitle}}
<u-icon @click='yunyingShow = true,yunying_name = team_name' name="edit-pen-fill" class='pen'
color="#454545" size="34rpx" bold />
</view>
</view>
<view class="list-item">
<view class="label-t"><u-icon class="icon" name="integral" color="#446EFE" size="40rpx" bold />团队人数</view>
<view class='value'>
团队人数<span>{{users_count || 0}}</span>
</view>
</view>
<view class="list-item">
<view class="label-t"><u-icon class="icon" name="rmb-circle" color="#446EFE" size="40rpx" bold />总业绩</view>
<view class='value'>
<span>{{all_perf || 0}}</span>
</view>
</view>
<!-- 账户余额 -->
<view class="total">
<view class="total-item-1">
<!-- <view class="total"> -->
<!-- <view class="total-item-1">
<view class="total-left">
<view class="total-value nowrap ">
{{team_name || '--'}}
<u-icon @click='yunyingShow = true,yunying_name = team_name' name="edit-pen-fill" class='pen'
color="#eee" size="34rpx" bold />
color="red" size="34rpx" bold />
</view>
<view class="total-text nowrap">{{defaultTitle}}</view>
</view>
</view>
<view class="total-item-2" v-if="teamtype == 'team'">
</view> -->
<!-- <view class="total-item-2" v-if="teamtype == 'team'">
<view> 团队人数 :<span>{{users_count}}</span></view>
<view> 总业绩 :<span>{{all_perf}}</span></view>
</view>
</view>
</view> -->
<!-- </view> -->
<!-- <view class="total" :style="'background-image: url(' + require('@/static/imgs/cash_back.png') + ');'">
<view class="total-value nowrap">{{users_count}}</view>
<view class="total-text">团队人数</view>
</view> -->
<!-- 账户记录 -->
<view class="tabs">
<!-- <view class="tabs">
<u-tabs :list="tabs" :scrollable="false" :activeStyle="{color: '#446EFE', fontWeight: 'bold'}"
lineColor="#446EFE" @click="onTabs" />
</view>
@@ -63,7 +86,7 @@
</view>
</block>
</view>
<u-loadmore v-if="pagesShow" :status="status" />
<u-loadmore v-if="pagesShow" :status="status" /> -->
<!-- 弹窗展示输入运营中心姓名 -->
<u-popup :show="yunyingShow" mode="center" @close="yunyingShow = false" :round="22">
@@ -307,6 +330,44 @@
</script>
<style lang="scss">
.list-item{
padding:60rpx 40rpx;
border-bottom: solid 1rpx #ddd;
display:flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
box-sizing: border-box;
width: 100%;
.label-t{
width: 240rpx;
// background-color: pink;
// font-size: 28rpx;
// color: #666;
display: flex;
flex-direction: row;
align-items: center;
justify-content: flex-start;
box-sizing: border-box;
.icon{
margin-right: 10rpx;
}
}
.value{
flex: 1;
display: flex;
flex-direction: row;
align-items: center;
justify-content: flex-end;
font-size: 34rpx;
font-weight: bold;
color: #222;
box-sizing: border-box;
.pen{
margin-left:20rpx;
}
}
}
// tabs
.tabs {
border-radius: 20rpx 20rpx 0 0;
@@ -322,9 +383,9 @@
.total {
background-size: cover;
background-position: top center;
padding: 50rpx 30rpx 170rpx;
background-color: #446EFE;
color: white;
// padding: 50rpx 30rpx 170rpx;
// background-color: #446EFE;
color: #446EFE;
.total-item-1 {
display: flex;