275 lines
6.3 KiB
Vue
275 lines
6.3 KiB
Vue
|
<template>
|
||
|
|
|
||
|
|
<!-- pages/index/index.wxml -->
|
||
|
|
<view class="fund-details">
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
</view>
|
||
|
|
|
||
|
|
|
||
|
|
</template>
|
||
|
|
|
||
|
|
<script>
|
||
|
|
import { getTaskDetails, fx } from "@/api/task";
|
||
|
|
// import { getCodeImg } from '@/api/login'
|
||
|
|
export default {
|
||
|
|
data() {
|
||
|
|
return {
|
||
|
|
queryParams: {
|
||
|
|
id: null,
|
||
|
|
},
|
||
|
|
task: {
|
||
|
|
},
|
||
|
|
listSign:[],
|
||
|
|
signInfo: {},
|
||
|
|
items: [{"id":1, "checked": false}, {"id":2, "checked": false}, {"id":3, "checked": false}],
|
||
|
|
};
|
||
|
|
},
|
||
|
|
onLoad: function(options) {
|
||
|
|
this.queryParams.id = options.id;
|
||
|
|
this.getInfo();
|
||
|
|
|
||
|
|
},
|
||
|
|
|
||
|
|
methods: {
|
||
|
|
getInfo() {
|
||
|
|
var that = this;
|
||
|
|
getTaskDetails(this.queryParams).then(response => {
|
||
|
|
that.task = response.data;
|
||
|
|
that.listSign = that.task.listSign;
|
||
|
|
});
|
||
|
|
},
|
||
|
|
allSelect() {
|
||
|
|
let checked = !this.listSign[0].c
|
||
|
|
for (let i = 0; i < this.listSign.length; i++) {
|
||
|
|
if (this.getPayStatus(this.listSign[i]).status == 1) {
|
||
|
|
continue;
|
||
|
|
}
|
||
|
|
this.listSign[i].c = checked;
|
||
|
|
this.listSign[i].employeeName = this.listSign[i].employeeName + " ";
|
||
|
|
}
|
||
|
|
},
|
||
|
|
allPay() {
|
||
|
|
for (let i = 0; i < this.listSign.length; i++) {
|
||
|
|
if (this.getPayStatus(this.listSign[i]).status == 1) {
|
||
|
|
continue;
|
||
|
|
}
|
||
|
|
if (this.listSign[i].c){
|
||
|
|
console.log("掉起支付" + this.listSign[i].employeeName)
|
||
|
|
}
|
||
|
|
}
|
||
|
|
},
|
||
|
|
getPayStatus(sign) {
|
||
|
|
if (sign.stEmployeeFundRecord == null || sign.stEmployeeFundRecord.payStatus == 0) {
|
||
|
|
return {"text": "待发放", "status": 0};
|
||
|
|
}
|
||
|
|
if (sign.stEmployeeFundRecord.payStatus == 1) {
|
||
|
|
return {"text": "发放成功", "status": 1};
|
||
|
|
}
|
||
|
|
if (sign.stEmployeeFundRecord.payStatus == 2) {
|
||
|
|
return {"text": "发放失败", "status": 2};
|
||
|
|
}
|
||
|
|
return {"text": "待发放", "status": 0};
|
||
|
|
},
|
||
|
|
checkbox(e) {
|
||
|
|
console.log(e.detail.value); // 输出选中的值
|
||
|
|
},
|
||
|
|
faxin(sign) {
|
||
|
|
if(this.getPayStatus(sign).status == 1){
|
||
|
|
return
|
||
|
|
}
|
||
|
|
//掉起支付
|
||
|
|
// wx.requestMerchantTransfer({
|
||
|
|
// mchId: '1684628563',
|
||
|
|
// subMchId: '',
|
||
|
|
// appId: 'wx7bc7df6eb945a84f',
|
||
|
|
// subAppId: '',
|
||
|
|
// package: '',
|
||
|
|
// openId: '',
|
||
|
|
// success (res) { },
|
||
|
|
// fail (res) { }
|
||
|
|
// })
|
||
|
|
|
||
|
|
|
||
|
|
console.log("掉起支付" + sign.employeeName)
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
</script>
|
||
|
|
|
||
|
|
<style lang='scss'>
|
||
|
|
.fund-details{
|
||
|
|
padding: 0rpx 20rpx 0rpx 20rpx;
|
||
|
|
}
|
||
|
|
|
||
|
|
.fund-card{
|
||
|
|
margin-top: 20rpx;
|
||
|
|
margin-bottom: 20rpx;
|
||
|
|
background-color: #ffffff;
|
||
|
|
padding: 20rpx;
|
||
|
|
border-radius: 10rpx;
|
||
|
|
.fc-line1{
|
||
|
|
display: flex;
|
||
|
|
align-items: center;
|
||
|
|
height: 150rpx;
|
||
|
|
border-bottom: 1rpx solid #dbdbdb;
|
||
|
|
.fc-head{
|
||
|
|
display: flex;
|
||
|
|
align-items: center;
|
||
|
|
justify-content: center;
|
||
|
|
width: 120rpx;
|
||
|
|
height: 120rpx;
|
||
|
|
font-weight: 650;
|
||
|
|
font-size: 38rpx;
|
||
|
|
color: #ffffff;
|
||
|
|
border-radius: 60rpx;
|
||
|
|
background-color: #4ac5f6;
|
||
|
|
}
|
||
|
|
.fc-line1-right{
|
||
|
|
width: 80%;
|
||
|
|
margin-left: 20rpx;
|
||
|
|
.fc-line1-right-line1{
|
||
|
|
|
||
|
|
display: flex;
|
||
|
|
align-items: center;
|
||
|
|
.em-name{
|
||
|
|
font-size: 38rpx;
|
||
|
|
font-weight: 650;
|
||
|
|
}
|
||
|
|
.pay-status{
|
||
|
|
margin-left: 30rpx;
|
||
|
|
display: flex;
|
||
|
|
align-items: center;
|
||
|
|
justify-content: center;
|
||
|
|
width: 160rpx;
|
||
|
|
height: 50rpx;
|
||
|
|
/*font-weight: 650;*/
|
||
|
|
font-size: 30rpx;
|
||
|
|
border-radius: 10rpx;
|
||
|
|
}
|
||
|
|
.pay-status0{
|
||
|
|
color: #f58c18;
|
||
|
|
background-color: #efe1ca;
|
||
|
|
}
|
||
|
|
.pay-status1{
|
||
|
|
color: #55b46a;
|
||
|
|
background-color: #e6efca;
|
||
|
|
}
|
||
|
|
.pay-status2{
|
||
|
|
color: #d90101;
|
||
|
|
background-color: #c2a4a4;
|
||
|
|
}
|
||
|
|
|
||
|
|
.checkbox{
|
||
|
|
margin-left: auto;
|
||
|
|
transform: scale(0.7);
|
||
|
|
width: 50rpx;
|
||
|
|
height: 50rpx;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
.fc-line1-right-line2{
|
||
|
|
display: flex;
|
||
|
|
align-items: center;
|
||
|
|
color: #787878;
|
||
|
|
margin-top: 10rpx;
|
||
|
|
view{
|
||
|
|
margin-right: 20rpx;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
}
|
||
|
|
}
|
||
|
|
.fc-line2{
|
||
|
|
margin-top: 15rpx;
|
||
|
|
|
||
|
|
display: flex;
|
||
|
|
align-items: center;
|
||
|
|
color: #787878;
|
||
|
|
view{
|
||
|
|
width: 50%;
|
||
|
|
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
.fc-line3{
|
||
|
|
color: #908f8f;
|
||
|
|
background-color: #efefef;
|
||
|
|
margin: 20rpx 0 20rpx 0;
|
||
|
|
padding: 20rpx 40rpx 20rpx 40rpx;
|
||
|
|
font-size: 24rpx;
|
||
|
|
}
|
||
|
|
.fc-line4{
|
||
|
|
.fx-btn{
|
||
|
|
color: #ffffff;
|
||
|
|
font-weight: 650;
|
||
|
|
font-size: 30rpx;
|
||
|
|
margin-left: 8rpx;
|
||
|
|
border-radius: 10rpx;
|
||
|
|
width: 200rpx;
|
||
|
|
height: 65rpx;
|
||
|
|
display: flex;
|
||
|
|
align-items: center;
|
||
|
|
justify-content: center;
|
||
|
|
margin-left: auto; /* 推动元素到右边 */
|
||
|
|
}
|
||
|
|
.btn-status1{
|
||
|
|
background-color: #107ff6;
|
||
|
|
}
|
||
|
|
.btn-status2{
|
||
|
|
background-color: #d2d2d2;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
/*<view class="fd-bottom">*/
|
||
|
|
/*<view class="all-select">全选</view>*/
|
||
|
|
/*<view class="all-pay">批量发薪</view>*/
|
||
|
|
/*</view>*/
|
||
|
|
.fd-bottom{
|
||
|
|
background-color: #ffffff;
|
||
|
|
width: 100%;
|
||
|
|
height: 100rpx;
|
||
|
|
position: absolute;
|
||
|
|
bottom: env(safe-area-inset-bottom);
|
||
|
|
left: 0;
|
||
|
|
display: flex;
|
||
|
|
align-items: center;
|
||
|
|
justify-items: center;
|
||
|
|
padding: 0rpx 70rpx 0rpx 70rpx;
|
||
|
|
.all-select{
|
||
|
|
width: 50%;
|
||
|
|
color: #107ff6;
|
||
|
|
font-weight: 650;
|
||
|
|
font-size: 30rpx;
|
||
|
|
margin-left: 8rpx;
|
||
|
|
border-radius: 10rpx;
|
||
|
|
width: 200rpx;
|
||
|
|
height: 65rpx;
|
||
|
|
display: flex;
|
||
|
|
align-items: center;
|
||
|
|
justify-content: center;
|
||
|
|
border: 1rpx solid #107ff6;
|
||
|
|
}
|
||
|
|
.all-pay{
|
||
|
|
width: 50%;
|
||
|
|
background-color: #107ff6;
|
||
|
|
color: #ffffff;
|
||
|
|
font-weight: 650;
|
||
|
|
font-size: 30rpx;
|
||
|
|
margin-left: 8rpx;
|
||
|
|
border-radius: 10rpx;
|
||
|
|
width: 200rpx;
|
||
|
|
height: 65rpx;
|
||
|
|
display: flex;
|
||
|
|
align-items: center;
|
||
|
|
justify-content: center;
|
||
|
|
margin-left: auto; /* 推动元素到右边 */
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
</style>
|