<template>
|
<view class="content">
|
<view class="form">
|
<!-- <view class="form-item">
|
<view class="title">月份:</view>
|
<view class="right">
|
<uni-combox :candidates="arrayHMonth" placeholder="请选择月份" v-model="hform.HMonth"
|
></uni-combox>
|
</view>
|
</view> -->
|
<view class="form-item" v-show="false">
|
<view class="title">操作员:</view>
|
<view class="right">
|
<picker :range="arrayHEmpName" :value="hform.HEmp" disabled>
|
<input name="HEmp" disabled :value="hform.HEmp" placeholder="请选择" style="pointer-events: none;"/>
|
</picker>
|
</view>
|
</view>
|
<view class="buttons">
|
<!-- <button class="btn-a" size="mini" type="default" @tap="clear">重置</button> -->
|
<!-- <button class="btn-c" size="mini" type="default" @tap="search">查询</button> -->
|
</view>
|
</view>
|
|
<view style="width: 100%;height: 16rpx;background-color: #e5e5e5;"></view>
|
<view class="tabs">
|
<view :class="tabs == 0 ? 'on':''" @tap="tabs = 0">汇报合计(操作员:{{hform.HEmp}})</view>
|
<!-- <view :class="tabs == 1 ? 'on':''" @tap="tabs = 1">明细信息</view> -->
|
</view>
|
<view v-if="tabs == 0">
|
<view class="list" v-for="(item,index) in moneyList" :key="index">
|
<uni-card title="月份" :extra="item.month" style="margin: 10px;">
|
<view class="card-detail">
|
<view class="detail" >
|
<text>总单量：</text>{{item.HBillQty}}
|
</view>
|
<view class="detail" >
|
<text>总出站数量：</text>{{item.HOutQty}}
|
</view>
|
<view class="detail" >
|
<text>总计件出站数量：</text>{{item.HPieceBillQty}}
|
</view>
|
<view class="detail" >
|
<text>总预估计件金额：</text>{{item.HMoney}}
|
</view>
|
<view class="detail" >
|
<text>计时单量：</text>{{item.HTimingBillQty}}
|
</view>
|
<view class="detail" >
|
<text>总计时：</text>{{item.HTime}}
|
</view>
|
</view>
|
</uni-card>
|
</view>
|
</view>
|
<!-- <view v-if="tabs == 1">
|
<view class="list" v-for="(item,index) in showList" :key="index">
|
<uni-card :title="item.任务单" :extra="item.单据号" style="margin: 10px;" @tap="showDetail = showDetail==index?-1:index">
|
<view class="card-detail">
|
<view class="detail" v-if="item.工序流转卡号">
|
<text>流转卡号：</text>{{item.工序流转卡号}}
|
</view>
|
<view class="detail" v-if="item.产品名称">
|
<text>产品名称：</text>{{item.产品名称}}
|
</view>
|
<view class="detail" v-if="item.产品代码">
|
<text>产品代码：</text>{{item.产品代码}}
|
</view>
|
<view class="detail" v-if="item.款号">
|
<text>款号：</text>{{item.款号}}
|
</view>
|
<view class="detail" v-if="item.当前工序">
|
<text>当前工序：</text>{{item.当前工序}}
|
</view>
|
<view class="detail" v-if="item.当前工序代码">
|
<text>工序代码：</text>{{item.当前工序代码}}
|
</view>
|
<view class="detail" v-if="item.日期">
|
<text>日期：</text>{{item.日期.substr(0,10)}}
|
</view>
|
<!-- <view class="detail" v-if="item.计件金额">
|
<text>计件金额：</text>{{item.计件金额}}
|
</view>
|
<view class="detail" v-if="item.计件单价">
|
<text>计件单价：</text>{{item.计件单价}}
|
</view> -->
|
<!-- <view class="detail" v-if="item.工时">
|
<text>工时：</text>{{item.工时}}
|
</view>
|
<view class="detail" v-if="item.是否计时">
|
<text>是否计时：</text>{{item.是否计时}}
|
</view>
|
</view>
|
<view class="card-detail" v-if="showDetail == index">
|
<view class="detail" v-if="item.规格型号">
|
<text>规格型号：</text>{{item.规格型号}}
|
</view>
|
<view class="detail" v-if="item.流水号">
|
<text>流水号：</text>{{item.流水号}}
|
</view>
|
<view class="detail" v-if="item.出站数量">
|
<text>出站数量：</text>{{item.出站数量}}
|
</view>
|
<view class="detail" v-if="item.不良数量">
|
<text>不良数量：</text>{{item.不良数量}}
|
</view>
|
<view class="detail" v-if="item.报废数量">
|
<text>报废数量：</text>{{item.报废数量}}
|
</view>
|
<view class="detail" v-if="item.包装标识">
|
<text>包装标识：</text>{{item.包装标识}}
|
</view>
|
<view class="detail" v-if="item.包装标识代码">
|
<text>包装标识代码：</text>{{item.包装标识代码}}
|
</view>
|
<view class="detail" v-if="item.出站时间">
|
<text>出站时间：</text>{{item.出站时间.substr(0,19)}}
|
</view>
|
|
<view class="detail" v-if="item.操作员">
|
<text>操作员：</text>{{item.操作员}}
|
</view>
|
<view class="detail" v-if="item.操作员代码">
|
<text>操作员代码：</text>{{item.操作员代码}}
|
</view>
|
<view class="detail" v-if="item.生产资源">
|
<text>生产资源：</text>{{item.生产资源}}
|
</view>
|
<view class="detail" v-if="item.生产资源代码">
|
<text>生产资源代码：</text>{{item.生产资源代码}}
|
</view>
|
<view class="detail" v-if="item.生产班组">
|
<text>生产班组：</text>{{item.生产班组}}
|
</view>
|
<view class="detail" v-if="item.生产班组代码">
|
<text>生产班组代码：</text>{{item.生产班组代码}}
|
</view>
|
<view class="detail" v-if="item.LOT数量">
|
<text>LOT数量：</text>{{item.LOT数量}}
|
</view>
|
<view class="detail" v-if="item.制单人">
|
<text>制单人：</text>{{item.制单人}}
|
</view>
|
<view class="detail" v-if="item.制单日期">
|
<text>制单日期：</text>{{item.制单日期.substr(0,10)}}
|
</view>
|
<view class="detail" v-if="item.修改人">
|
<text>修改人：</text>{{item.修改人}}
|
</view>
|
<view class="detail" v-if="item.修改日期">
|
<text>修改日期：</text>{{item.修改日期.substr(0,10)}}
|
</view>
|
<view class="detail" v-if="item.审核人">
|
<text>审核人：</text>{{item.审核人}}
|
</view>
|
<view class="detail" v-if="item.审核日期">
|
<text>审核日期：</text>{{item.审核日期.substr(0,10)}}
|
</view>
|
<view class="detail" v-if="item.关闭人">
|
<text>关闭人：</text>{{item.关闭人}}
|
</view>
|
<view class="detail" v-if="item.关闭日期">
|
<text>关闭日期：</text>{{item.关闭日期.substr(0,10)}}
|
</view>
|
<view class="detail" v-if="item.备注">
|
<text>备注：</text>{{item.备注}}
|
</view>
|
</view>
|
|
<view class="more" v-if="showDetail == index">
|
<view class="part" style="border-right: 1px solid #eee;">
|
<uni-icons type="top" style="color: #888;margin-right: 10rpx;" size="14"></uni-icons>收起
|
</view>
|
</view>
|
<view class="more" v-if="showDetail != index">
|
<view class="part" style="border-right: 1px solid #eee;">
|
<uni-icons type="bottom" style="color: #888;margin-right: 10rpx;" size="14"></uni-icons>更多信息
|
</view>
|
</view>
|
|
</uni-card>
|
</view>
|
<view class="over" v-if="listData.length == 0">暂无数据</view>
|
<view class="over" v-if="listData.length != 0 && listData.length != showList.length">加载中...</view>
|
<view class="over" v-if="listData.length != 0 && listData.length == showList.length">已到底</view>
|
</view> -->
|
|
</view>
|
</template>
|
|
<script>
|
import { getUserInfo } from "@/utils/auth.js";
|
export default {
|
data() {
|
return {
|
userInfo:getUserInfo(),
|
serverUrl: uni.getStorageSync('serverUrl')||'http://47.96.97.237/API',
|
arrayHEmpName: [], //接收人
|
HEmpNameList: [],
|
arrayHMonth:[1,2,3,4,5,6,7,8,9,11,12],
|
tabs:0,
|
hform:{
|
HMonth:new Date().getMonth()+1,
|
HEmp:'',
|
HEmpID:0,
|
},
|
sWhere:'',
|
moneyList:[],
|
listData:[],
|
showList:[],
|
showDetail:-1,
|
|
page:1,
|
}
|
},
|
onLoad() {
|
this.getHEmpList()
|
this.getDefValByUser()
|
|
setTimeout(()=>{this.search();},200);
|
|
// console.log(this.userInfo,uni.getStorageSync('HUserName'))
|
},
|
onReachBottom: function() {
|
// this.page++
|
// setTimeout(() => {
|
// this.showList = this.showList.concat(this.getPage(this.page,this.listData))
|
// }, 100)
|
},
|
onPullDownRefresh: function() {
|
//this.clear()
|
setTimeout(()=>{
|
uni.stopPullDownRefresh();
|
}, 1000);
|
this.search();
|
},
|
methods: {
|
getPage(page,list){
|
let sindex = (parseInt(page) - 1) * 20
|
let eindex = parseInt(page) * 20
|
let newList = list.slice(sindex,eindex)
|
return newList
|
},
|
getList(){
|
//this.sWhere += ` and 制单人 like N'%${this.userInfo.Czymc}'`
|
uni.showLoading({
|
title:'加载中...'
|
})
|
uni.request({
|
url: this.serverUrl + '/Cj_StationOutBill/get_Display',
|
data:{
|
sWhere: this.sWhere,
|
user: uni.getStorageSync('HUserName'),
|
HBillSubType:'',
|
},
|
success: (res) => {
|
// console.log(1,res.data.data);
|
if(res.data.count == 1){
|
this.listData = res.data.data
|
this.showList = this.getPage(this.page,this.listData)
|
this.moneyList=this.getSumMoney();
|
setTimeout(()=>{
|
uni.hideLoading()
|
}, 1000)
|
}else{
|
uni.hideLoading()
|
uni.showToast({
|
title:res.data.Message,
|
icon:'none'
|
})
|
}
|
},
|
fail: (res) => {
|
console.log(res);
|
uni.hideLoading()
|
uni.showToast({
|
title:'接口请求失败',
|
icon:'none'
|
})
|
},
|
});
|
this.sWhere = ``
|
},
|
//搜索
|
search(){
|
this.sWhere = ''
|
this.listData = []
|
this.page = 1
|
this.showList = []
|
|
console.log(this.hform)
|
this.sWhere +=" and HEmpID = " + this.hform.HEmpID
|
this.sWhere +=" and YEAR(日期) = "+ new Date().getFullYear();
|
this.getList()
|
},
|
//操作员等
|
getHEmpList() {
|
uni.request({
|
url: this.serverUrl + '/Web/GetEmployeeList_Json',
|
data: {
|
Employee: '',
|
HGroupID: 0
|
},
|
success: (res) => {
|
if (res.data.count == 1) {
|
this.HEmpNameList = res.data.data
|
for (var i = 0; i < res.data.data.length; i++) {
|
this.arrayHEmpName[i] = res.data.data[i].HName
|
}
|
this.$forceUpdate();
|
} else {
|
uni.showToast({
|
title: res.data.Message,
|
icon: 'none'
|
})
|
}
|
},
|
fail: (res) => {
|
console.log(res);
|
uni.showToast({
|
title: '接口请求失败',
|
icon: 'none'
|
})
|
},
|
});
|
},
|
//通过登录用户获取默认值
|
getDefValByUser() {
|
uni.request({
|
url: this.serverUrl + '/Cj_StationInBill/GetDefValByUser',
|
type: "GET",
|
async: false,
|
data: {
|
"Czybm": this.userInfo.Czybm,
|
"Czymc": this.userInfo.Czymc
|
},
|
success: (res) => {
|
// console.log(res.data)
|
if (res.data.count == 1) {
|
var data = res.data.data[0]
|
this.hform.HEmp = data.操作员名称
|
this.hform.HEmpID = data.HEmpID
|
} else {
|
uni.showToast({
|
title: '获取生产班组信息失败',
|
icon: 'none'
|
})
|
}
|
},
|
fail: (res) => {
|
console.log(res);
|
uni.showToast({
|
title: '获取生产班组信息失败',
|
icon: 'none'
|
})
|
},
|
});
|
},
|
//计算工资
|
getSumMoney(){
|
// 初始化结果数组，12个月的数据
|
const monthlyData = Array(12).fill().map(() => ({
|
month: 0, // 月份，1-12
|
HBillQty: 0, // 总单量
|
HOutQty:0,//总出站数量
|
HPieceBillQty: 0, // 总出站数量
|
HTimingBillQty: 0, // 计时单量
|
HMoney: 0, // 总金额
|
HTime: 0 // 总计时
|
}));
|
|
const currentYear = new Date().getFullYear();
|
const currentMonth = new Date().getMonth() + 1; // JavaScript月份是0-11
|
|
// 初始化数组，从当前月开始往前倒数12个月
|
for (let i = 0; i < 12; i++) {
|
const monthIndex = (currentMonth - 1 - i + 12) % 12;
|
monthlyData[i].month = (monthIndex + 1); // 转换为1-12月份
|
}
|
|
this.listData.forEach(item => {
|
const itemDate = new Date(item.日期); // 假设有日期字段，根据实际数据调整
|
const itemYear = itemDate.getFullYear();
|
const itemMonth = itemDate.getMonth() + 1;
|
|
// 只处理今年的数据
|
if (itemYear === currentYear) {
|
// 计算这个数据应该属于数组中的哪个位置（从当月开始往前数）
|
const monthDiff = (currentMonth - itemMonth + 12) % 12;
|
const dataIndex = monthDiff;
|
|
// 更新统计数据
|
monthlyData[dataIndex].HBillQty++;
|
monthlyData[dataIndex].HOutQty+=item.出站数量 || 0;
|
if (item.是否计时 === "否") {
|
monthlyData[dataIndex].HPieceBillQty += item.出站数量 || 0;
|
monthlyData[dataIndex].HMoney += item.计件金额 || 0;
|
} else {
|
monthlyData[dataIndex].HTimingBillQty++;
|
monthlyData[dataIndex].HTime += item.工时 || 0;
|
}
|
}
|
});
|
|
// 格式化金额为两位小数
|
monthlyData.forEach(item => {
|
item.HMoney = parseFloat(item.HMoney.toFixed(2));
|
});
|
|
// **过滤掉总单量为0的月份**
|
const filteredData = monthlyData.filter(item => item.HBillQty > 0);
|
|
// **如果希望仍然返回12个月（即使某些月份为0），则去掉上面的 filter**
|
return filteredData;
|
}
|
}
|
}
|
</script>
|
|
<style lang="scss" scoped>
|
.tabs {
|
width: 100%;
|
display: flex;
|
border-bottom: 1px solid #ddd;
|
margin: 20rpx 0;
|
|
view {
|
width: 100%;
|
font-size: 30rpx;
|
color: #555;
|
text-align: center;
|
padding: 16rpx 0;
|
}
|
|
.on {
|
color: #3a78ff;
|
font-weight: bold;
|
border-bottom: 3px solid #3a78ff;
|
}
|
}
|
.form{
|
width: 640rpx;
|
margin: 20rpx auto;
|
}
|
picker input{
|
pointer-events: none;
|
}
|
.other{
|
margin-top: 8rpx;
|
text-align: center;
|
font-size: 28rpx;
|
padding: 4rpx 18rpx;
|
color: #1890FF;
|
}
|
.form-item{
|
display: flex;
|
align-items: center;
|
font-size: 28rpx;
|
padding: 6rpx 0;
|
.title{
|
width: 180rpx;
|
text{
|
color: red;
|
font-weight: bold;
|
}
|
}
|
.choose{
|
padding: 4rpx 16rpx 0 0;
|
width: 100%;
|
text-align: right;
|
}
|
.left{
|
width: 170rpx;
|
padding: 10rpx 0;
|
margin-right: 10rpx;
|
border: 1px solid #acacac;
|
border-radius: 22rpx;
|
color: #888;
|
text-align: center;
|
}
|
.right{
|
width: 450rpx;
|
border-radius: 22rpx;
|
border: 1px solid #acacac;
|
}
|
.righton{
|
width: 450rpx;
|
border-radius: 22rpx;
|
border: 1px solid #e4e4e4;
|
background-color: #e4e4e4;
|
}
|
input{
|
width: 100%;
|
padding: 8rpx 20rpx;
|
font-size: 30rpx;
|
}
|
}
|
.buttons{
|
width: 100%;
|
display: flex;
|
justify-content: center;
|
margin-top: 20rpx;
|
button{
|
border-radius: 50rpx;
|
width: 180rpx;
|
height: 66rpx;
|
line-height: 66rpx;
|
font-size: 28rpx;
|
}
|
.btn-a{
|
background-color: #acacac;
|
color: #fff;
|
}
|
.btn-b{
|
background-color: #41a863;
|
color: #fff;
|
}
|
.btn-c{
|
background-color: #3a78ff;
|
color: #fff;
|
}
|
}
|
|
.list{
|
width: 100%;
|
.card-detail{
|
width: 100%;
|
display: flex;
|
flex-wrap: wrap;
|
justify-content: space-between;
|
line-height: 120%;
|
.detail{
|
// width: 50%;
|
font-size: 30rpx;
|
margin-bottom: 12rpx;
|
color: #555;
|
margin-right: 20rpx;
|
text{
|
color: #999;
|
font-size: 26rpx;
|
}
|
}
|
}
|
.more{
|
color: #888;
|
font-size: 24rpx;
|
display: flex;
|
border-top: 1px solid #eee;
|
padding-top: 20rpx;
|
.part{
|
width: 50%;
|
text-align: center;
|
}
|
}
|
.op{
|
display: flex;
|
justify-content: space-around;
|
margin-top: 20rpx;
|
button{
|
padding: 0;
|
width: 150rpx;
|
font-size: 25rpx;
|
}
|
.op1{
|
border: 1px solid #41a863;
|
color: #41a863;
|
}
|
.op2{
|
border: 1px solid #d98d00;
|
color: #d98d00;
|
}
|
.op3{
|
border: 1px solid #3a78ff;
|
color: #3a78ff;
|
}
|
.op4{
|
border: 1px solid #da0000;
|
color: #da0000;
|
}
|
.op5{
|
border: 1px solid #888;
|
color: #888;
|
}
|
}
|
}
|
|
</style>
|
