|
|
// pages/wodeBillDetail/index.js
|
|
|
const app = getApp();
|
|
|
import { formatDateYMD } from "../../utils/dateUtil";
|
|
|
import { cutShareImg } from "../../utils/commonUtil";
|
|
|
import { customRequest } from '../../utils/request.js';
|
|
|
Page({
|
|
|
/**
|
|
|
* 页面的初始数据
|
|
|
*/
|
|
|
data: {
|
|
|
inputVal: "搜索姓名",
|
|
|
// settlePrice:'',
|
|
|
// settleUnit:'',
|
|
|
searchParam: {
|
|
|
pageNum: 1,
|
|
|
pageSize: 20,
|
|
|
keys: "",
|
|
|
status: "",
|
|
|
},
|
|
|
recordList: [], // 账单详情列表
|
|
|
factoryBill: {}, // 账单详情
|
|
|
billInfo: {}, // 列表传输过来的账单信息
|
|
|
currentDetail: {}, // 当前对象详情
|
|
|
currIndex: 0,
|
|
|
chaShowed: false,
|
|
|
dialog: false,
|
|
|
isChecked: false,
|
|
|
selectTotalSalary: 0, // 待确认选中的总价格
|
|
|
hasMoreData: false,
|
|
|
isTrigger: false,
|
|
|
// img: "/assets/images/shareImg.jpg",
|
|
|
// img: "http://matripecandy.oss-cn-beijing.aliyuncs.com/1shoudanImg/bg.png",
|
|
|
img: "https://matripe-cms.oss-cn-beijing.aliyuncs.com/1shoudan/bg.png",
|
|
|
|
|
|
canvasId: "canvasId",
|
|
|
// base64: "",
|
|
|
},
|
|
|
|
|
|
/**
|
|
|
* 生命周期函数--监听页面加载
|
|
|
*/
|
|
|
onLoad (options) {
|
|
|
console.log(options);
|
|
|
let info = JSON.parse(options.info);
|
|
|
console.log(info);
|
|
|
this.data.searchParam.agencyId = info.agencyId;
|
|
|
this.data.searchParam.factoryBillId = info.factoryBillId;
|
|
|
let index;
|
|
|
if (info.status == 0) {
|
|
|
this.data.searchParam.status = "";
|
|
|
index = 0;
|
|
|
} else if (info.status == 1) {
|
|
|
this.data.searchParam.status = 10;
|
|
|
index = 1;
|
|
|
} else if (info.status == 2) {
|
|
|
this.data.searchParam.status = 20;
|
|
|
index = 2;
|
|
|
} else if (info.status == 3) {
|
|
|
this.data.searchParam.status = 30;
|
|
|
index = 3;
|
|
|
}
|
|
|
this.setData({
|
|
|
searchParam: this.data.searchParam,
|
|
|
billInfo: info,
|
|
|
currIndex: index,
|
|
|
});
|
|
|
wx.setNavigationBarTitle({
|
|
|
title: info.title,
|
|
|
});
|
|
|
wx.showLoading({
|
|
|
title: "加载中...",
|
|
|
});
|
|
|
this.getList();
|
|
|
},
|
|
|
|
|
|
/**
|
|
|
* 生命周期函数--监听页面初次渲染完成
|
|
|
*/
|
|
|
onReady () { },
|
|
|
|
|
|
/**
|
|
|
* 生命周期函数--监听页面显示
|
|
|
*/
|
|
|
onShow () { },
|
|
|
|
|
|
/**
|
|
|
* 生命周期函数--监听页面隐藏
|
|
|
*/
|
|
|
onHide () { },
|
|
|
|
|
|
/**
|
|
|
* 生命周期函数--监听页面卸载
|
|
|
*/
|
|
|
onUnload () { },
|
|
|
|
|
|
/**
|
|
|
* 页面相关事件处理函数--监听用户下拉动作
|
|
|
*/
|
|
|
onPullDownRefresh () { },
|
|
|
|
|
|
/**
|
|
|
* 页面上拉触底事件的处理函数
|
|
|
*/
|
|
|
onReachBottom () { },
|
|
|
|
|
|
/**
|
|
|
* 用户点击右上角分享
|
|
|
*/
|
|
|
onShareAppMessage1 () {
|
|
|
let that = this;
|
|
|
return this.getCanvas().then(() => {
|
|
|
// console.log(this.data.base64);
|
|
|
return {
|
|
|
title: this.data.factoryBill.title,
|
|
|
path: "pages/wodeBillSharePage/index?agencyId=" + this.data.searchParam.agencyId + "&factoryBillId=" + this.data.searchParam.factoryBillId, // 路径，传递参数到指定页面。
|
|
|
|
|
|
// imageUrl: "../../assets/images/shareImg.jpg",
|
|
|
imageUrl: this.data.canvasImg,
|
|
|
};
|
|
|
});
|
|
|
|
|
|
// let imgUrl = "../../assets/images/shareImg.jpg";
|
|
|
},
|
|
|
getCanvas () {
|
|
|
const that = this;
|
|
|
return new Promise((resolve) => {
|
|
|
var mycenter = 0; //文字左右居中显示
|
|
|
var myheight = 0; //文字高度
|
|
|
const query = wx.createSelectorQuery();
|
|
|
query
|
|
|
.select("#" + this.data.canvasId)
|
|
|
.fields({ node: true, size: true })
|
|
|
.exec((res) => {
|
|
|
console.log(res);
|
|
|
const canvas = res[0].node;
|
|
|
const ctx = canvas.getContext("2d");
|
|
|
new Promise(function (resolve) {
|
|
|
// 绘制背景图片
|
|
|
wx.getImageInfo({
|
|
|
src: that.data.img, //网络图片,如果不行请换一个
|
|
|
success (res) {
|
|
|
console.log(res);
|
|
|
var width = res.width;
|
|
|
var height = res.height;
|
|
|
mycenter = width / 2;
|
|
|
myheight = height;
|
|
|
canvas.width = width;
|
|
|
canvas.height = height;
|
|
|
const img = canvas.createImage();
|
|
|
console.log(ctx);
|
|
|
img.src = res.path;
|
|
|
img.onload = () => {
|
|
|
ctx.drawImage(img, 0, 0, width, height);
|
|
|
resolve(true);
|
|
|
};
|
|
|
},
|
|
|
});
|
|
|
})
|
|
|
.then(() => {
|
|
|
ctx.font = "500 70px Arial";
|
|
|
ctx.textAlign = "left";
|
|
|
// ctx.fillStyle = "#333";
|
|
|
ctx.fillStyle = "#fff";
|
|
|
// console.log(that.data.factoryBill.totalSalary.toString().length);
|
|
|
// let steNumber = that.data.factoryBill.totalSalary.toString().length
|
|
|
// ctx.fillRect(40, 168, steNumber * 30, 72);
|
|
|
ctx.fillText(that.data.factoryBill.totalSalary + "元", 40, 210);
|
|
|
})
|
|
|
.then(function () {
|
|
|
wx.canvasToTempFilePath({
|
|
|
canvas: canvas,
|
|
|
success (res) {
|
|
|
console.log(res);
|
|
|
that.setData({
|
|
|
canvasImg: res.tempFilePath,
|
|
|
// base64: canvas.toDataURL(),
|
|
|
});
|
|
|
resolve();
|
|
|
// console.log(that.data.canvasImg);
|
|
|
},
|
|
|
});
|
|
|
})
|
|
|
.catch((err) => { });
|
|
|
});
|
|
|
});
|
|
|
},
|
|
|
//canvas转为图片
|
|
|
transferCanvasToImage (canvas) {
|
|
|
const that = this;
|
|
|
console.log(canvas);
|
|
|
wx.canvasToTempFilePath({
|
|
|
canvas: canvas,
|
|
|
success (res) {
|
|
|
console.log(res);
|
|
|
that.setData({
|
|
|
canvasImg: res.tempFilePath,
|
|
|
// base64: canvas.toDataURL(),
|
|
|
});
|
|
|
resolve();
|
|
|
// console.log(that.data.canvasImg);
|
|
|
},
|
|
|
});
|
|
|
},
|
|
|
/*
|
|
|
跳转搜索页面
|
|
|
*/
|
|
|
goSearch () {
|
|
|
wx.navigateTo({
|
|
|
url: "../search/index?from=wodeBillDetail",
|
|
|
});
|
|
|
},
|
|
|
/*
|
|
|
清空输入框
|
|
|
*/
|
|
|
clearInput: function () {
|
|
|
console.log(123);
|
|
|
this.setData({
|
|
|
inputVal: "搜索姓名",
|
|
|
chaShowed: false,
|
|
|
});
|
|
|
this.data.recordList = [];
|
|
|
this.data.searchParam.keys = "";
|
|
|
this.data.searchParam.pageNum = 1;
|
|
|
wx.showLoading({
|
|
|
title: "加载中...",
|
|
|
});
|
|
|
this.getList();
|
|
|
},
|
|
|
/*
|
|
|
搜索关键词
|
|
|
*/
|
|
|
searchKey: function (e) {
|
|
|
console.log("onsearch");
|
|
|
console.log(this.data.inputVal);
|
|
|
this.data.recordList = [];
|
|
|
this.data.searchParam.pageNum = 1;
|
|
|
this.data.searchParam.keys = this.data.inputVal;
|
|
|
wx.showLoading({
|
|
|
title: "加载中...",
|
|
|
});
|
|
|
this.getList();
|
|
|
},
|
|
|
onScrollToLower: function () {
|
|
|
this.data.searchParam.pageNum = this.data.searchParam.pageNum + 1;
|
|
|
wx.showLoading({
|
|
|
title: "加载中...",
|
|
|
});
|
|
|
this.getList();
|
|
|
},
|
|
|
onScrollRefresh () {
|
|
|
this.data.recordList = [];
|
|
|
this.data.searchParam.pageNum = 1;
|
|
|
console.log("isonScrollRefresh");
|
|
|
wx.showLoading({
|
|
|
title: "加载中...",
|
|
|
});
|
|
|
this.getList();
|
|
|
},
|
|
|
|
|
|
changeMenu (e) {
|
|
|
var that = this;
|
|
|
that.data.searchParam.pageNum = 1;
|
|
|
if (e.currentTarget.dataset.id == 0) {
|
|
|
this.data.searchParam.status = "";
|
|
|
} else if (e.currentTarget.dataset.id == 1) {
|
|
|
this.data.searchParam.status = 10;
|
|
|
} else if (e.currentTarget.dataset.id == 2) {
|
|
|
this.data.searchParam.status = 20;
|
|
|
}
|
|
|
|
|
|
this.setData({
|
|
|
currIndex: e.currentTarget.dataset.id,
|
|
|
recordList: [],
|
|
|
searchParam: this.data.searchParam,
|
|
|
selectTotalSalary: 0,
|
|
|
isChecked: false,
|
|
|
});
|
|
|
console.log(this.data.recordList);
|
|
|
wx.showLoading({
|
|
|
title: "加载中...",
|
|
|
});
|
|
|
this.getList();
|
|
|
},
|
|
|
goDetail (e) {
|
|
|
let that = this;
|
|
|
console.log(e);
|
|
|
let id = e.currentTarget.dataset.id;
|
|
|
customRequest("/yishoudan/factory/bill/record/details/" + id, { header: 'headers', method: 'GET', data: {} }).then(({ data }) => {
|
|
|
if (data.status == 200) {
|
|
|
// data.data.pageBean.recordList.forEach((item) => {
|
|
|
// item.showTime = formatDateYMDHM(item.updateTime);
|
|
|
// });
|
|
|
|
|
|
data.data.billRecord.applyTimeStr = formatDateYMD(data.data.billRecord.applyTime);
|
|
|
data.data.billRecord.entryTimeStr = formatDateYMD(data.data.billRecord.entryTime);
|
|
|
data.data.billRecord.leaveTimeStr = formatDateYMD(data.data.billRecord.leaveTime);
|
|
|
|
|
|
that.setData({
|
|
|
currentDetail: { ...data.data.billRecord, customize: data.data.titles },
|
|
|
});
|
|
|
console.log(that.data.currentDetail.customize);
|
|
|
}
|
|
|
})
|
|
|
// wx.request({
|
|
|
// url: app.globalData.ip + "/yishoudan/factory/bill/record/details/" + id,
|
|
|
// // data: that.data.searchParam,
|
|
|
// header: app.globalData.headers,
|
|
|
// success: function ({ data }) {
|
|
|
// console.log(data);
|
|
|
// if (data.status == 200) {
|
|
|
// // data.data.pageBean.recordList.forEach((item) => {
|
|
|
// // item.showTime = formatDateYMDHM(item.updateTime);
|
|
|
// // });
|
|
|
|
|
|
// data.data.billRecord.applyTimeStr = formatDateYMD(data.data.billRecord.applyTime);
|
|
|
// data.data.billRecord.entryTimeStr = formatDateYMD(data.data.billRecord.entryTime);
|
|
|
// data.data.billRecord.leaveTimeStr = formatDateYMD(data.data.billRecord.leaveTime);
|
|
|
|
|
|
// that.setData({
|
|
|
// currentDetail: { ...data.data.billRecord, customize: data.data.titles },
|
|
|
// });
|
|
|
// console.log(that.data.currentDetail.customize);
|
|
|
// }
|
|
|
// },
|
|
|
// });
|
|
|
this.setData({
|
|
|
dialog: true,
|
|
|
});
|
|
|
// this.data.dialog = true
|
|
|
|
|
|
console.log("isIntoDetail");
|
|
|
},
|
|
|
closeDrawer () {
|
|
|
this.setData({
|
|
|
dialog: false,
|
|
|
currentDetail: {},
|
|
|
});
|
|
|
},
|
|
|
confirmBill () {
|
|
|
let that = this;
|
|
|
let ids = {};
|
|
|
wx.showLoading({
|
|
|
title: "确认中...",
|
|
|
});
|
|
|
console.log(this.data.currentDetail);
|
|
|
if (JSON.stringify(this.data.currentDetail) != "{}") {
|
|
|
ids.recordIds = this.data.currentDetail.id + "";
|
|
|
console.log(123);
|
|
|
} else {
|
|
|
let arr = [];
|
|
|
this.data.recordList.forEach((item) => {
|
|
|
console.log(item);
|
|
|
if (item.checked) {
|
|
|
arr.push(item.id);
|
|
|
}
|
|
|
});
|
|
|
ids.recordIds = arr.join();
|
|
|
}
|
|
|
ids.factoryBillId = this.data.searchParam.factoryBillId;
|
|
|
customRequest("/yishoudan/factory/bill/record/confirm", { header: 'headers', method: 'post', data: ids }).then(({ data }) => {
|
|
|
if (data.status == 200) {
|
|
|
wx.showToast({ title: "确认成功", icon: "success", duration: 2000 }); //隐藏消息提示框
|
|
|
that.data.searchParam.status = 20;
|
|
|
that.setData({
|
|
|
dialog: false,
|
|
|
recordList: [],
|
|
|
searchParam: that.data.searchParam,
|
|
|
currIndex: 2,
|
|
|
selectTotalSalary: 0,
|
|
|
isChecked: false,
|
|
|
});
|
|
|
that.getList();
|
|
|
// wx.hideLoading();
|
|
|
}
|
|
|
})
|
|
|
// wx.request({
|
|
|
// url: app.globalData.ip + "/yishoudan/factory/bill/record/confirm",
|
|
|
// data: ids,
|
|
|
// header: app.globalData.headers,
|
|
|
// method: "post",
|
|
|
// success: function ({ data }) {
|
|
|
// console.log(data);
|
|
|
// if (data.status == 200) {
|
|
|
// wx.showToast({ title: "确认成功", icon: "success", duration: 2000 }); //隐藏消息提示框
|
|
|
// that.data.searchParam.status = 20;
|
|
|
// that.setData({
|
|
|
// dialog: false,
|
|
|
// recordList: [],
|
|
|
// searchParam: that.data.searchParam,
|
|
|
// currIndex: 2,
|
|
|
// selectTotalSalary: 0,
|
|
|
// isChecked: false,
|
|
|
// });
|
|
|
// that.getList();
|
|
|
// // wx.hideLoading();
|
|
|
// }
|
|
|
// },
|
|
|
// });
|
|
|
},
|
|
|
radioChange (e) {
|
|
|
console.log(e);
|
|
|
},
|
|
|
formatNum (num) {
|
|
|
var result = parseFloat(num);
|
|
|
if (isNaN(result)) {
|
|
|
alert("传递参数错误，请检查！");
|
|
|
return false;
|
|
|
}
|
|
|
result = Math.round(num * 100) / 100;
|
|
|
return result;
|
|
|
},
|
|
|
stopEvent (e) {
|
|
|
// 点击切换单个选择状态以及总价的加减
|
|
|
let result = this.data.recordList.find((item) => {
|
|
|
return item.id == e.target.dataset.id;
|
|
|
});
|
|
|
let index = this.data.recordList.indexOf(result);
|
|
|
if (!this.data.recordList[index].checked) {
|
|
|
this.data.selectTotalSalary = this.formatNum(this.data.selectTotalSalary + this.data.recordList[index].salary);
|
|
|
} else {
|
|
|
this.data.selectTotalSalary = this.formatNum(this.data.selectTotalSalary - this.data.recordList[index].salary);
|
|
|
}
|
|
|
this.data.recordList[index].checked = !this.data.recordList[index].checked;
|
|
|
// 单个选择状态反选
|
|
|
|
|
|
let isTotalChecked = true;
|
|
|
try {
|
|
|
this.data.recordList.forEach((item) => {
|
|
|
console.log(item.checked);
|
|
|
if (item.checked == false || item.checked == undefined) {
|
|
|
isTotalChecked = false;
|
|
|
throw Error();
|
|
|
}
|
|
|
});
|
|
|
} catch (error) { }
|
|
|
this.setData({
|
|
|
recordList: this.data.recordList,
|
|
|
selectTotalSalary: this.data.selectTotalSalary,
|
|
|
isChecked: isTotalChecked,
|
|
|
});
|
|
|
// e.stopPropagation();
|
|
|
},
|
|
|
totalChange () {
|
|
|
this.setData({
|
|
|
isChecked: !this.data.isChecked,
|
|
|
});
|
|
|
this.data.recordList.forEach((item) => {
|
|
|
item.checked = this.data.isChecked;
|
|
|
});
|
|
|
if (this.data.isChecked) {
|
|
|
this.data.selectTotalSalary = this.data.factoryBill.totalSalary;
|
|
|
} else {
|
|
|
this.data.selectTotalSalary = 0;
|
|
|
}
|
|
|
this.setData({
|
|
|
recordList: this.data.recordList,
|
|
|
selectTotalSalary: this.data.selectTotalSalary,
|
|
|
});
|
|
|
},
|
|
|
getList () {
|
|
|
let that = this;
|
|
|
this.data.searchParam.keys = this.data.inputVal == "搜索姓名" ? "" : this.data.inputVal;
|
|
|
// wx.showLoading({
|
|
|
// title: "加载中...",
|
|
|
// });
|
|
|
customRequest("/yishoudan/factory/bill/record/list",{header:'headers', method: 'POST', data: that.data.searchParam}).then((res)=>{
|
|
|
if (res.data.status == 200) {
|
|
|
if (res.data.data.pageBean.recordList != null && res.data.data.pageBean.recordList.length < 20) {
|
|
|
var recordListTemp = res.data.data.pageBean.recordList;
|
|
|
that.data.recordList = that.data.recordList.concat(recordListTemp);
|
|
|
that.setData({
|
|
|
hasMoreData: false,
|
|
|
});
|
|
|
} else {
|
|
|
var recordListTemp = res.data.data.pageBean.recordList;
|
|
|
that.data.recordList = that.data.recordList.concat(recordListTemp);
|
|
|
that.setData({
|
|
|
hasMoreData: true,
|
|
|
});
|
|
|
}
|
|
|
that.data.recordList.forEach((item) => {
|
|
|
if (item.finished && item.workDays) {
|
|
|
item.workInfo = item.finished + " | " + "出勤" + item.workDays;
|
|
|
} else if (item.finished || item.workDays) {
|
|
|
item.workInfo = item.finished + (item.workDays ? "出勤" + item.workDays : "");
|
|
|
} else {
|
|
|
item.workInfo = "-";
|
|
|
}
|
|
|
if (item.salary) {
|
|
|
item.salaryStr = Math.floor(item.salary);
|
|
|
item.salaryDot = item.salary.toFixed(2).slice(-2);
|
|
|
}
|
|
|
switch (item.status) {
|
|
|
case 10:
|
|
|
item.statusStr = "待确认";
|
|
|
break;
|
|
|
case 20:
|
|
|
item.statusStr = "已确认";
|
|
|
break;
|
|
|
case 30:
|
|
|
item.statusStr = "已结算";
|
|
|
break;
|
|
|
}
|
|
|
});
|
|
|
|
|
|
that.setData({
|
|
|
recordList: that.data.recordList,
|
|
|
factoryBill: res.data.data.factoryBill,
|
|
|
// factoryBill: res.data.data.factoryBill,
|
|
|
isTrigger: false,
|
|
|
});
|
|
|
console.log(that.data.factoryBill);
|
|
|
console.log(that.data.recordList);
|
|
|
}
|
|
|
wx.hideLoading();
|
|
|
})
|
|
|
// wx.request({
|
|
|
// url: app.globalData.ip + "/yishoudan/factory/bill/record/list",
|
|
|
// data: that.data.searchParam,
|
|
|
// header: app.globalData.headers,
|
|
|
// method: "POST",
|
|
|
// success: function (res) {
|
|
|
// if (res.data.status == 200) {
|
|
|
// if (res.data.data.pageBean.recordList != null && res.data.data.pageBean.recordList.length < 20) {
|
|
|
// var recordListTemp = res.data.data.pageBean.recordList;
|
|
|
// that.data.recordList = that.data.recordList.concat(recordListTemp);
|
|
|
// that.setData({
|
|
|
// hasMoreData: false,
|
|
|
// });
|
|
|
// } else {
|
|
|
// var recordListTemp = res.data.data.pageBean.recordList;
|
|
|
// that.data.recordList = that.data.recordList.concat(recordListTemp);
|
|
|
// that.setData({
|
|
|
// hasMoreData: true,
|
|
|
// });
|
|
|
// }
|
|
|
// that.data.recordList.forEach((item) => {
|
|
|
// if (item.finished && item.workDays) {
|
|
|
// item.workInfo = item.finished + " | " + "出勤" + item.workDays;
|
|
|
// } else if (item.finished || item.workDays) {
|
|
|
// item.workInfo = item.finished + (item.workDays ? "出勤" + item.workDays : "");
|
|
|
// } else {
|
|
|
// item.workInfo = "-";
|
|
|
// }
|
|
|
// if (item.salary) {
|
|
|
// item.salaryStr = Math.floor(item.salary);
|
|
|
// item.salaryDot = item.salary.toFixed(2).slice(-2);
|
|
|
// }
|
|
|
// switch (item.status) {
|
|
|
// case 10:
|
|
|
// item.statusStr = "待确认";
|
|
|
// break;
|
|
|
// case 20:
|
|
|
// item.statusStr = "已确认";
|
|
|
// break;
|
|
|
// case 30:
|
|
|
// item.statusStr = "已结算";
|
|
|
// break;
|
|
|
// }
|
|
|
// });
|
|
|
|
|
|
// that.setData({
|
|
|
// recordList: that.data.recordList,
|
|
|
// factoryBill: res.data.data.factoryBill,
|
|
|
// // factoryBill: res.data.data.factoryBill,
|
|
|
// isTrigger: false,
|
|
|
// });
|
|
|
// console.log(that.data.factoryBill);
|
|
|
// console.log(that.data.recordList);
|
|
|
// }
|
|
|
// wx.hideLoading();
|
|
|
// },
|
|
|
// });
|
|
|
},
|
|
|
copyText () {
|
|
|
console.log(this.data.factoryBill.remark);
|
|
|
wx.setClipboardData({
|
|
|
//复制文本
|
|
|
data: this.data.factoryBill.title + "核对，如有疑问请及时联系，" + (this.data.factoryBill.remark ? this.data.factoryBill.remark + "，" : "") + "感谢支持！",
|
|
|
success: function (res) {
|
|
|
wx.getClipboardData({
|
|
|
//获取复制文本
|
|
|
success: function (res) {
|
|
|
console.log(res);
|
|
|
wx.showToast({
|
|
|
title: "复制成功",
|
|
|
icon: "none", //是否需要icon
|
|
|
mask: "ture", //是否设置点击蒙版，防止点击穿透
|
|
|
});
|
|
|
},
|
|
|
});
|
|
|
},
|
|
|
});
|
|
|
},
|
|
|
});
|