员工分析

src/router/index.js

@@ -356,7 +356,7 @@ let tipRoutes = [
         name:"receive",
         component:()=>import("@/view/tiip/receive/index.vue"),
         meta:{
-          title:"收发存"
+          title:"收发存报表"
         }
       },
       {
@@ -372,7 +372,7 @@ let tipRoutes = [
         name:"receive_varieties_detail",
         component:()=>import("@/view/tiip/receive/varietiesDetail.vue"),
         meta:{
-          title:"接单详情"
+          title:"收发存明细"
         }
       },
     ]

src/view/tiip/IntReportForms/empAna.vue

 <style lang="less">
     @import url("../../../styles/common.less");
     #empAna{
-        background:#dce9fe;
+        // background:#dce9fe;
         >.CONTENT{
             .iCard{
                 height:260px;
@@ -29,7 +29,7 @@
 </style>
 <template>
     <div id="empAna">
-        <div class="HEADER">
+        <div class="head">
             <dateMonth @month="searchData" />
         </div>
         <div class="CONTENT">

src/view/tiip/IntReportForms/index.vue

@@ -127,14 +127,22 @@
             </swiper>
         </div>
         <div class="TAB">
-            <button-tab class="buttonTab" :value="activeBtn" >
+          <tab v-model="activeBtn">
+            <tab-item @on-item-click="situation='salesStatistics'">销售统计</tab-item>
+            <tab-item @on-item-click="situation='empAna'">员工分析</tab-item>
+            <tab-item @on-item-click="situation='revenue'">收支分析</tab-item>
+            <tab-item @on-item-click="situation='liabilities'">负债分析</tab-item>
+            <tab-item @on-item-click="situation='repayment'">回款额</tab-item>
+            <tab-item @on-item-click="situation='cost'">费用分析</tab-item>
+          </tab>
+            <!-- <button-tab class="buttonTab" :value="activeBtn" >
                 <button-tab-item @on-item-click="situation='salesStatistics'">销售统计</button-tab-item>
-                <!-- <button-tab-item @on-item-click="situation='empAna'">员工排行</button-tab-item> -->
+                <button-tab-item @on-item-click="situation='empAna'">员工分析</button-tab-item>
                 <button-tab-item @on-item-click="situation='revenue'">收支分析</button-tab-item>
                 <button-tab-item @on-item-click="situation='liabilities'">负债分析</button-tab-item>
                 <button-tab-item @on-item-click="situation='repayment'">回款额</button-tab-item>
                 <button-tab-item @on-item-click="situation='cost'">费用分析</button-tab-item>
-            </button-tab>
+            </button-tab> -->
         </div>
         <div class="content">
             <component :is="situation" />
@@ -144,7 +152,8 @@
 <script>
 import Util from '@/libs/util.js';
 import {mapState} from 'vuex';
-import {Swiper,SwiperItem,ButtonTab, ButtonTabItem } from 'vux';
+import {Swiper,SwiperItem,Tab, TabItem } from 'vux';
+
 import salesStatistics from "./salesStatistics"
 import empAna from "./empAna"
 import revenue from "./revenue"
@@ -153,7 +162,7 @@ import cost from "./cost"
 import liabilities from "./liabilities"
 export default {
     name:"IntReportForms",
-    components:{Swiper,SwiperItem,ButtonTab, ButtonTabItem,salesStatistics,empAna,revenue,repayment,cost,liabilities},
+    components:{Swiper,SwiperItem,Tab, TabItem,salesStatistics,empAna,revenue,repayment,cost,liabilities},
     data(){
         return{
             list:[],
@@ -161,13 +170,11 @@ export default {
             situation:"salesStatistics",
         }
     },
-    created(){
-        this.$store.dispatch('saveUserId',this.$route.params.userId);
-    },
     computed:{
         
     },
     mounted(){
+        this.$store.dispatch('saveUserId',this.$route.params.userId);
         this.$nextTick(()=>{
             this.init()
         })

src/view/tiip/IntReportForms/liabilities.vue

@@ -88,7 +88,8 @@
         </div>
         
         <div class="HEADER iCard">
-            <span style="color:#777;margin-right:10rpx;">总负债额</span>
+            <span style="color:#777;margin-right:10rpx;" v-if="activeIndex=='客户'">总映山红额</span>
+            <span style="color:#777;margin-right:10rpx;" v-else>总欠款额</span>
             <div :style="{'width':rate+'%','background':color}"></div>
             <span class="number">{{total}}万</span>
         </div>

src/view/tiip/IntReportForms/liabilities_detail.vue

@@ -46,7 +46,7 @@ export default {
             },
         }
     },
-    mounted(){
+    activated(){
         this.$nextTick(()=>{
             this.getDetail();
         })

src/view/tiip/receive/index.vue

@@ -12,6 +12,7 @@
                 display: block;
                 height: 200px;
                 overflow-y: scroll;
+                -webkit-overflow-scrolling: touch;
                 height: calc(100vh - 160px);
                 >div{
                     background: #fff;
@@ -159,6 +160,7 @@ export default {
         }
     },
     created(){
+        this.$store.dispatch('saveUserId',this.$route.params.userId);
         this.init();
 
         this.global.$off('searchData');

src/view/tiip/receive/varieties.vue

@@ -11,6 +11,7 @@
                 display: block;
                 height: 200px;
                 overflow-y: scroll;
+                -webkit-overflow-scrolling: touch;
                 height: calc(100vh - 160px);
                 >tr{
                     height:30px;

src/view/tiip/receive/varietiesDetail.vue

@@ -12,18 +12,25 @@
                 display: block;
                 height: 200px;
                 overflow-y: scroll;
+                -webkit-overflow-scrolling: touch;
                 height: calc(100vh - 160px);
+                >div{
+                    background: #fff;
+                    border-radius: 5px;
+                    margin: 5px;
+                    box-shadow: 0 1px 3px #bababa;
+                    overflow: hidden;
                     >tr{
-                    height:30px;
                         &.user{
                             background:#fff;
                             >td{
                                 color:#5E9AFE;
                                 text-align: left;
-                            padding-left:20px;
+                                padding: 6px 15px;
                             }
                         }
                         &.addr{
+                            background:#eef4fe;
                             >td{
                                 color:#068FCA;
                                 text-align: left;
@@ -31,8 +38,11 @@
                             }
                         }
                         &.num{
-                        height:35px;
                             background:#fff;
+                            >td{
+                                padding:4px 0;
+                            }
+                        }
                     }
                 }
             }
@@ -65,6 +75,7 @@
             </thead>
             <tbody>
                 <template v-for="(v,k) in list">
+                    <div :key="k">
                         <tr class="user" :key="k+'_user'">
                             <td @click="toDetail(v.sProviderName)" style="text-decoration: underline;">{{v.sProviderName}}</td>
                             <td/>
@@ -110,7 +121,7 @@
                             <td style="color:#64B18B;">{{v.nStockLengthYD||0}}</td>
                             <td>{{v.nStockWeight||0}}</td>
                         </tr>
-                    <tr :key="k+'_5'" style="height:10px;background:transparent;"/>
+                    </div>
                 </template>
             </tbody>
         </table>