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

apis/index.js

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

pages/account/yunying.vue

@@ -1,25 +1,48 @@
 <template>
-    <view class="content">
+    <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"> -->
-            <view class="total-item-1">
+         <!--   <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> -->
-            <view class="total-item-2" v-if="teamtype == 'team'">
+      <!--      <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">
@@ -306,7 +329,45 @@
     }
 </script>
 
-<style lang="scss">
+<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;
+        // padding: 50rpx 30rpx 170rpx;
-        background-color: #446EFE;
+        // background-color: #446EFE;
-        color: white;
+        color: #446EFE;
 
         .total-item-1 {
             display: flex;