Commit f41751ec authored by godwithdh's avatar godwithdh

员工分析

parent e1ee5b93
......@@ -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:"收发存明细"
}
},
]
......
<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">
......
......@@ -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()
})
......
......@@ -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>
......
......@@ -46,7 +46,7 @@ export default {
},
}
},
mounted(){
activated(){
this.$nextTick(()=>{
this.getDetail();
})
......
......@@ -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');
......
......@@ -11,6 +11,7 @@
display: block;
height: 200px;
overflow-y: scroll;
-webkit-overflow-scrolling: touch;
height: calc(100vh - 160px);
>tr{
height:30px;
......
......@@ -12,27 +12,37 @@
display: block;
height: 200px;
overflow-y: scroll;
-webkit-overflow-scrolling: touch;
height: calc(100vh - 160px);
>tr{
height:30px;
&.user{
background:#fff;
>td{
color:#5E9AFE;
text-align: left;
padding-left:20px;
>div{
background: #fff;
border-radius: 5px;
margin: 5px;
box-shadow: 0 1px 3px #bababa;
overflow: hidden;
>tr{
&.user{
background:#fff;
>td{
color:#5E9AFE;
text-align: left;
padding: 6px 15px;
}
}
}
&.addr{
>td{
color:#068FCA;
text-align: left;
padding-left:20px;
&.addr{
background:#eef4fe;
>td{
color:#068FCA;
text-align: left;
padding-left:20px;
}
}
&.num{
background:#fff;
>td{
padding:4px 0;
}
}
}
&.num{
height:35px;
background:#fff;
}
}
}
......@@ -65,52 +75,53 @@
</thead>
<tbody>
<template v-for="(v,k) in list">
<tr class="user" :key="k+'_user'">
<td @click="toDetail(v.sProviderName)" style="text-decoration: underline;">{{v.sProviderName}}</td>
<td/>
<td/>
</tr>
<tr class="addr" :key="k+'_addr1'">
<td colspan="5">期初库存</td>
</tr>
<tr class="num" :key="k+'_num1'">
<td></td>
<td>{{v.nOldPieceQty||0}}</td>
<td style="color:#64B18B;">{{v.nOldLengthM||0}}</td>
<td style="color:#64B18B;">{{v.nOldLengthYD||0}}</td>
<td>{{v.nOldWeight||0}}</td>
</tr>
<tr class="addr" :key="k+'_addr2'">
<td colspan="5">本期入库</td>
</tr>
<tr class="num" :key="k+'_num2'">
<td></td>
<td>{{v.nInPieceQty||0}}</td>
<td style="color:#64B18B;">{{v.nInLengthM||0}}</td>
<td style="color:#64B18B;">{{v.nInLengthYD||0}}</td>
<td>{{v.nInWeight||0}}</td>
</tr>
<tr class="addr" :key="k+'_addr3'">
<td colspan="5">本期出库</td>
</tr>
<tr class="num" :key="k+'_num3'">
<td></td>
<td>{{v.nOutPieceQty||0}}</td>
<td style="color:#64B18B;">{{v.nOutLengthM||0}}</td>
<td style="color:#64B18B;">{{v.nOutLengthYD||0}}</td>
<td>{{v.nOutWeight||0}}</td>
</tr>
<tr class="addr" :key="k+'_addr4'">
<td colspan="5">本期库存</td>
</tr>
<tr class="num" :key="k+'_num4'">
<td></td>
<td>{{v.nStockPieceQty||0}}</td>
<td style="color:#64B18B;">{{v.nStockLengthM||0}}</td>
<td style="color:#64B18B;">{{v.nStockLengthYD||0}}</td>
<td>{{v.nStockWeight||0}}</td>
</tr>
<tr :key="k+'_5'" style="height:10px;background:transparent;"/>
<div :key="k">
<tr class="user" :key="k+'_user'">
<td @click="toDetail(v.sProviderName)" style="text-decoration: underline;">{{v.sProviderName}}</td>
<td/>
<td/>
</tr>
<tr class="addr" :key="k+'_addr1'">
<td colspan="5">期初库存</td>
</tr>
<tr class="num" :key="k+'_num1'">
<td></td>
<td>{{v.nOldPieceQty||0}}</td>
<td style="color:#64B18B;">{{v.nOldLengthM||0}}</td>
<td style="color:#64B18B;">{{v.nOldLengthYD||0}}</td>
<td>{{v.nOldWeight||0}}</td>
</tr>
<tr class="addr" :key="k+'_addr2'">
<td colspan="5">本期入库</td>
</tr>
<tr class="num" :key="k+'_num2'">
<td></td>
<td>{{v.nInPieceQty||0}}</td>
<td style="color:#64B18B;">{{v.nInLengthM||0}}</td>
<td style="color:#64B18B;">{{v.nInLengthYD||0}}</td>
<td>{{v.nInWeight||0}}</td>
</tr>
<tr class="addr" :key="k+'_addr3'">
<td colspan="5">本期出库</td>
</tr>
<tr class="num" :key="k+'_num3'">
<td></td>
<td>{{v.nOutPieceQty||0}}</td>
<td style="color:#64B18B;">{{v.nOutLengthM||0}}</td>
<td style="color:#64B18B;">{{v.nOutLengthYD||0}}</td>
<td>{{v.nOutWeight||0}}</td>
</tr>
<tr class="addr" :key="k+'_addr4'">
<td colspan="5">本期库存</td>
</tr>
<tr class="num" :key="k+'_num4'">
<td></td>
<td>{{v.nStockPieceQty||0}}</td>
<td style="color:#64B18B;">{{v.nStockLengthM||0}}</td>
<td style="color:#64B18B;">{{v.nStockLengthYD||0}}</td>
<td>{{v.nStockWeight||0}}</td>
</tr>
</div>
</template>
</tbody>
</table>
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment