@@ -851,6 +851,19 @@ | |||
"navigationBarTitleText": "异常严重" | |||
} | |||
}, | |||
// 财政工资条 | |||
{ | |||
"path": "pages/Payslip/Payslip/list", | |||
"style": { | |||
"navigationBarTitleText": "我的工资" | |||
} | |||
}, | |||
{ | |||
"path": "pages/Payslip/Payslip/single", | |||
"style": { | |||
"navigationBarTitleText": "我的工资" | |||
} | |||
}, | |||
//工资条 | |||
{ | |||
"path": "pages/wages/list", | |||
@@ -0,0 +1,710 @@ | |||
<template> | |||
<view class="page"> | |||
<!-- 主列表页 --> | |||
<view :class="sideOpen ? 'show' : ''" class="mainpage" > | |||
<view class="timeTable_sec1"> | |||
<view class="tSec1Box" id="weekTime"> | |||
<text class="text-xxl cuIcon cuIcon-back" @click="timeTap(1)"></text> | |||
<text style="margin: 0;">{{searchData.IssueYear}}</text> | |||
<text>年</text> | |||
<text style="margin: 0;">{{searchData.IssueMonth}}</text> | |||
<text>月</text> | |||
<text class="text-xxl cuIcon cuIcon-right" @click="timeTap(2)"></text> | |||
</view> | |||
<view style="text-align: center;font-size: 60rpx;margin-top: 15rpx;color: #ffffff;"> | |||
¥{{list.length > 0 ? list[0].NetCombined || 0 : 0}} | |||
</view> | |||
<view style="text-align: center;font-size: 20rpx;margin-top: 15rpx;color: #94d4ff;"> | |||
<text style="margin: 0;">{{searchData.IssueYear}}</text> | |||
<text>年</text> | |||
<text style="margin: 0;">{{searchData.IssueMonth}}</text> | |||
<text>月实发工资</text> | |||
</view> | |||
</view> | |||
<view> | |||
<view class="item-titlewrap" @click="GoTosingle(1)"> | |||
<text>应发合计</text> | |||
<text>¥{{list.length > 0 ? list[0].TotalGrossPay || 0 : 0}} <text class="text-xxl cuIcon cuIcon-right" style="font-size: 16px;" ></text> </text> | |||
</view> | |||
<view class="item-titlewrap" @click="GoTosingle(2)"> | |||
<text>代扣合计</text> | |||
<text>¥{{list.length > 0 ? list[0].DeductionsSubtotal || 0 : 0}} <text class="text-xxl cuIcon cuIcon-right" style="font-size: 16px;" ></text> </text> | |||
</view> | |||
</view> | |||
<!-- 顶部条目/分页信息栏 --> | |||
<!-- <l-customlist-banner @buttonClick="sideOpen = true">{{ tips }}</l-customlist-banner> --> | |||
<!-- 滚动列表,跨端支持上拉/下拉 --> | |||
<!-- <l-scroll-list style="height: calc(100% - 250rpx);" v-if="ready" @pullDown="pullDown" @toBottom="fetchList()" ref="list"> | |||
<l-customlist :tips="loadState" showTips> | |||
<view class="customlist-item" v-for="item of list" :key="item.F_InvoiceId"> | |||
<view class="customlist-item-field"> | |||
<text class="customlist-item-field-title">工资卡号:</text> | |||
{{ displayListItem(item, 'WageCardNo') }} | |||
</view> | |||
<view class="customlist-item-field"> | |||
<text class="customlist-item-field-title">人员类别:</text> | |||
{{ displayListItem(item, 'PeopleType') }} | |||
</view> | |||
<view class="customlist-item-field"> | |||
<text class="customlist-item-field-title">岗位等级:</text> | |||
{{ displayListItem(item, 'PostType') }} | |||
</view> | |||
<view class="customlist-item-field"> | |||
<text class="customlist-item-field-title">薪级:</text> | |||
{{ displayListItem(item, 'PayGrade') }} | |||
</view> | |||
<view class="customlist-item-field"> | |||
<text class="customlist-item-field-title">应发合计:</text> | |||
{{ displayListItem(item, 'TotalGrossPay') }} | |||
</view> | |||
<view class="item-title">基本工资</view> | |||
<view class="customlist-item-field"> | |||
<text class="customlist-item-field-title">岗位工资:</text> | |||
{{ displayListItem(item, 'PostWage') }} | |||
</view> | |||
<view class="customlist-item-field"> | |||
<text class="customlist-item-field-title">薪级工资:</text> | |||
{{ displayListItem(item, 'PayGradeWage') }} | |||
</view> | |||
<view class="customlist-item-field"> | |||
<text class="customlist-item-field-title">百分之十:</text> | |||
{{ displayListItem(item, 'TenPercent') }} | |||
</view> | |||
<view class="item-title">绩效工资</view> | |||
<view class="customlist-item-field"> | |||
<text class="customlist-item-field-title">基础绩效:</text> | |||
{{ displayListItem(item, 'BasicsPerformance') }} | |||
</view> | |||
<view class="customlist-item-field"> | |||
<text class="customlist-item-field-title">奖励绩效:</text> | |||
{{ displayListItem(item, 'AwardPerformance') }} | |||
</view> | |||
<view class="item-title">单列绩效</view> | |||
<view class="customlist-item-field"> | |||
<text class="customlist-item-field-title">基础绩效:</text> | |||
{{ displayListItem(item, 'SeparateBasicsPerformance') }} | |||
</view> | |||
<view class="customlist-item-field"> | |||
<text class="customlist-item-field-title">奖励绩效:</text> | |||
{{ displayListItem(item, 'SeparateAwardPerformance') }} | |||
</view> | |||
<view class="item-title">津贴补贴</view> | |||
<view class="customlist-item-field"> | |||
<text class="customlist-item-field-title">艰边津贴:</text> | |||
{{ displayListItem(item, 'RoughEdgeAllowance') }} | |||
</view> | |||
<view class="customlist-item-field"> | |||
<text class="customlist-item-field-title">民族津贴:</text> | |||
{{ displayListItem(item, 'NationAllowance') }} | |||
</view> | |||
<view class="customlist-item-field"> | |||
<text class="customlist-item-field-title">教龄补贴:</text> | |||
{{ displayListItem(item, 'TeachAllowance') }} | |||
</view> | |||
<view class="customlist-item-field"> | |||
<text class="customlist-item-field-title">特级教师津贴:</text> | |||
{{ displayListItem(item, 'SuperfineTeacherResearch') }} | |||
</view> | |||
<view class="item-title">改革性补贴</view> | |||
<view class="customlist-item-field"> | |||
<text class="customlist-item-field-title">交通补贴:</text> | |||
{{ displayListItem(item, 'Transportation') }} | |||
</view> | |||
<view class="customlist-item-field"> | |||
<text class="customlist-item-field-title">物业补贴:</text> | |||
{{ displayListItem(item, 'RealeState') }} | |||
</view> | |||
<view class="customlist-item-field"> | |||
<text class="customlist-item-field-title">工改保留补贴:</text> | |||
{{ displayListItem(item, 'WorkKeep') }} | |||
</view> | |||
<view class="customlist-item-field"> | |||
<text class="customlist-item-field-title">女职工卫生费:</text> | |||
{{ displayListItem(item, 'GirlStaffSanitation') }} | |||
</view> | |||
<view class="customlist-item-field"> | |||
<text class="customlist-item-field-title">乡镇补贴:</text> | |||
{{ displayListItem(item, 'TownshipSubsidy') }} | |||
</view> | |||
<view class="customlist-item-field"> | |||
<text class="customlist-item-field-title">住房补贴:</text> | |||
{{ displayListItem(item, 'HousingAllowance') }} | |||
</view> | |||
<view class="customlist-item-field"> | |||
<text class="customlist-item-field-title">住房公积金:</text> | |||
{{ displayListItem(item, 'HousingFundAllowance') }} | |||
</view> | |||
<view class="customlist-item-field"> | |||
<text class="customlist-item-field-title">其他:</text> | |||
{{ displayListItem(item, 'OtherOne') }} | |||
</view> | |||
<view class="customlist-item-field"> | |||
<text class="customlist-item-field-title">代扣合计:</text> | |||
{{ displayListItem(item, 'DeductionsSubtotal') }} | |||
</view> | |||
<view class="item-title">代扣代缴</view> | |||
<view class="customlist-item-field"> | |||
<text class="customlist-item-field-title">公积金:</text> | |||
{{ displayListItem(item, 'AccumulationFund') }} | |||
</view> | |||
<view class="customlist-item-field"> | |||
<text class="customlist-item-field-title">养老保险:</text> | |||
{{ displayListItem(item, 'EndowmentInsurance') }} | |||
</view> | |||
<view class="customlist-item-field"> | |||
<text class="customlist-item-field-title">职业年金:</text> | |||
{{ displayListItem(item, 'OccupationalAnnuities') }} | |||
</view> | |||
<view class="customlist-item-field"> | |||
<text class="customlist-item-field-title">医疗保险:</text> | |||
{{ displayListItem(item, 'MedicalInsurance') }} | |||
</view> | |||
<view class="customlist-item-field"> | |||
<text class="customlist-item-field-title">失业保险:</text> | |||
{{ displayListItem(item, 'UnemploymentInsurance') }} | |||
</view> | |||
<view class="customlist-item-field"> | |||
<text class="customlist-item-field-title">工会工费:</text> | |||
{{ displayListItem(item, 'LaborUnionWage') }} | |||
</view> | |||
<view class="customlist-item-field"> | |||
<text class="customlist-item-field-title">个人所得税:</text> | |||
{{ displayListItem(item, 'PersonalIncomeTax') }} | |||
</view> | |||
<view class="customlist-item-field"> | |||
<text class="customlist-item-field-title">其他:</text> | |||
{{ displayListItem(item, 'Other') }} | |||
</view> | |||
<view class="customlist-item-field"> | |||
<text class="customlist-item-field-title">姓名:</text> | |||
{{ displayListItem(item, 'EmpName') }} | |||
</view> | |||
<view class="customlist-item-field"> | |||
<text class="customlist-item-field-title">人员类别:</text> | |||
{{ displayListItem(item, 'PeopleType') }} | |||
</view> | |||
<view class="customlist-item-field"> | |||
<text class="customlist-item-field-title">发放年份:</text> | |||
{{ displayListItem(item, 'IssueYear') }} | |||
</view> | |||
<view class="customlist-item-field"> | |||
<text class="customlist-item-field-title">发放月份:</text> | |||
{{ displayListItem(item, 'IssueMonth') }} | |||
</view> | |||
<view class="customlist-item-field"> | |||
<text class="customlist-item-field-title">应发合计:</text> | |||
{{ displayListItem(item, 'TotalGrossPay') }} | |||
</view> | |||
<view class="customlist-item-field"> | |||
<text class="customlist-item-field-title">实发合计:</text> | |||
{{ displayListItem(item, 'NetCombined') }} | |||
</view> | |||
<l-customlist-action @view="action('view', item)" @edit="action('edit', item)" | |||
:showEdit="false" /> | |||
</view> | |||
</l-customlist> | |||
</l-scroll-list> --> | |||
</view> | |||
<!-- 关闭筛选栏按钮 --> | |||
<view @click="sideOpen = false" :class="sideOpen ? 'show' : ''" class="sideclose"> | |||
<l-icon type="pullright" color="blue" /> | |||
</view> | |||
<!-- 侧边栏 --> | |||
<scroll-view :class="sideOpen ? 'show' : ''" class="sidepage" scroll-y> | |||
<view v-if="ready" class="padding"> | |||
<l-input v-model="queryData.IssueYear" @change="searchChange()" title="年份" placeholder="按年份筛选,例:2022" /> | |||
<l-input v-model="queryData.IssueMonth" @change="searchChange()" title="月份" placeholder="按月份筛选,例:10" /> | |||
<l-input v-model="queryData.EmpName" @change="searchChange()" title="姓名" placeholder="按姓名筛选" /> | |||
<l-input v-model="queryData.PeopleType" @change="searchChange()" title="人员类别" placeholder="按人员类别筛选" /> | |||
<view class="padding-tb"> | |||
<l-button @click="reset" line="orange" class="block" block>重置筛选条件</l-button> | |||
</view> | |||
</view> | |||
</scroll-view> | |||
<!-- 添加按钮 --> | |||
<!-- <l-customlist-add v-if="!sideOpen" @click="action('create')" /> --> | |||
</view> | |||
</template> | |||
<script> | |||
import moment from 'moment' | |||
import get from 'lodash/get' | |||
import set from 'lodash/set' | |||
import pickBy from 'lodash/pickBy' | |||
import mapValues from 'lodash/mapValues' | |||
import common from '@/common/js/common.js' | |||
export default { | |||
data() { | |||
return { | |||
// 表单结构 | |||
scheme: { | |||
WageCardNo:{ | |||
type:'text' | |||
}, | |||
PeopleType:{ | |||
type:'text' | |||
}, | |||
PostType:{ | |||
type:'text' | |||
}, | |||
PayGrade:{ | |||
type:'text' | |||
}, | |||
TotalGrossPay:{ | |||
type:'text' | |||
}, | |||
PostWage:{ | |||
type:'text' | |||
}, | |||
PayGradeWage:{ | |||
type:'text' | |||
}, | |||
TenPercent:{ | |||
type:'text' | |||
}, | |||
BasicsPerformance:{ | |||
type:'text' | |||
}, | |||
AwardPerformance:{ | |||
type:'text' | |||
}, | |||
SeparateBasicsPerformance:{ | |||
type:'text' | |||
}, | |||
SeparateAwardPerformance:{ | |||
type:'text' | |||
}, | |||
RoughEdgeAllowance:{ | |||
type: 'text' | |||
}, | |||
NationAllowance:{ | |||
type: 'text' | |||
}, | |||
TeachAllowance:{ | |||
type: 'text' | |||
}, | |||
SuperfineTeacherResearch:{ | |||
type: 'text' | |||
}, | |||
Transportation:{ | |||
type: 'text' | |||
}, | |||
RealeState:{ | |||
type: 'text' | |||
}, | |||
WorkKeep:{ | |||
type: 'text' | |||
}, | |||
GirlStaffSanitation:{ | |||
type: 'text' | |||
}, | |||
TownshipSubsidy:{ | |||
type: 'text' | |||
}, | |||
HousingAllowance:{ | |||
type: 'text' | |||
}, | |||
HousingFundAllowance:{ | |||
type: 'text' | |||
}, | |||
OtherOne:{ | |||
type: 'text' | |||
}, | |||
DeductionsSubtotal:{ | |||
type: 'text' | |||
}, | |||
AccumulationFund:{ | |||
type: 'text' | |||
}, | |||
EndowmentInsurance:{ | |||
type: 'text' | |||
}, | |||
OccupationalAnnuities:{ | |||
type: 'text' | |||
}, | |||
MedicalInsurance:{ | |||
type: 'text' | |||
}, | |||
UnemploymentInsurance:{ | |||
type: 'text' | |||
}, | |||
LaborUnionWage:{ | |||
type: 'text' | |||
}, | |||
PersonalIncomeTax:{ | |||
type: 'text' | |||
}, | |||
Other:{ | |||
type: 'text' | |||
}, | |||
// F_CustomerId: { type: 'select', dataSource: '1', dataSourceId: 'crmCustomer,f_fullname,f_customerid' }, | |||
// F_InvoiceContent: { type: 'texteditor' }, | |||
// 姓名EmpName | |||
EmpName: { | |||
type: 'text' | |||
}, | |||
// 发放年份IssueYear | |||
IssueYear: { | |||
type: 'text' | |||
}, | |||
// 发放月份IssueMonth | |||
IssueMonth: { | |||
type: 'text' | |||
}, | |||
// 应发合计TotalGrossPay | |||
TotalGrossPay: { | |||
type: 'text' | |||
}, | |||
// 实发合计NetCombined | |||
NetCombined: { | |||
type: 'text' | |||
}, | |||
}, | |||
// 筛选菜单值 | |||
searchData: { | |||
Sqlparam: 1, | |||
IssueYear: '', | |||
IssueMonth: '' | |||
}, | |||
defaultQueryData: {}, | |||
queryData: { | |||
keyword: '' | |||
}, | |||
// 数据源 | |||
dataSource: { | |||
F_CustomerId: [] | |||
}, | |||
// 页面相关参数 | |||
ready: false, | |||
tips: '加载中…', | |||
loadState: '向下翻以加载更多', | |||
sideOpen: false, | |||
// 列表条目与分页信息 | |||
page: 1, | |||
total: 2, | |||
list: [], | |||
} | |||
}, | |||
async onLoad() { | |||
await this.init() | |||
}, | |||
onUnload() { | |||
this.OFF('invoice-list-change') | |||
}, | |||
methods: { | |||
// 页面初始化 | |||
async init() { | |||
let _this = this; | |||
let date = new Date() | |||
_this.searchData.IssueYear = date.getFullYear(); | |||
_this.searchData.IssueMonth = date.getMonth()+1; | |||
this.ON('invoice-list-change', this.refreshList) | |||
await Promise.all([ | |||
// 加载 F_CustomerId 字段的数据源:客户信息 | |||
// this.FETCH_DATASOURCE('crmCustomer').then(result => { | |||
// this.dataSource.F_CustomerId = result.data.map(t => ({ text: t.f_fullname, value: t.f_customerid })) | |||
// }), | |||
// 拉取列表信息 | |||
this.fetchList() | |||
]) | |||
this.defaultQueryData = this.COPY(this.queryData) | |||
this.ready = true | |||
}, | |||
// 切换时间 | |||
timeTap(num) { | |||
let _this = this; | |||
if (num == 1) { | |||
if(_this.searchData.IssueMonth == 1){ | |||
_this.searchData.IssueYear = _this.searchData.IssueYear - 1; | |||
_this.searchData.IssueMonth = 12 | |||
}else{ | |||
_this.searchData.IssueMonth = _this.searchData.IssueMonth - 1; | |||
} | |||
} else { | |||
if(_this.searchData.IssueMonth == 12){ | |||
_this.searchData.IssueYear = _this.searchData.IssueYear + 1; | |||
_this.searchData.IssueMonth = 1 | |||
}else{ | |||
_this.searchData.IssueMonth = _this.searchData.IssueMonth + 1; | |||
} | |||
} | |||
this.fetchList() | |||
}, | |||
// 拉取列表 | |||
async fetchList(isConcat = true) { | |||
// if (this.page > this.total) { | |||
// return | |||
// } | |||
const result = await this.HTTP_GET( | |||
'learun/adms/WageSchedule/getlist', { | |||
pagination: { | |||
rows: 10, | |||
page: this.page, | |||
sidx: 'CreateTime', | |||
sord: 'DESC' | |||
}, | |||
queryJson: JSON.stringify(this.searchData) | |||
}, | |||
'加载数据时出错' | |||
) | |||
if (!result) { | |||
return | |||
} | |||
this.total = result.total | |||
// this.page = result.page + 1 | |||
// this.list = isConcat ? this.list.concat(result.rows) : result.rows; | |||
this.list = result.rows | |||
this.tips = `已加载 ${Math.min(result.page, result.total)} / ${result.total} 页,共 ${result.records} 项` | |||
this.loadState = result.page >= result.total ? '已加载所有项目' : '向下翻以加载更多' | |||
}, | |||
// 刷新清空列表 | |||
async refreshList(isConcat = true) { | |||
this.page = 1 | |||
this.total = 2 | |||
this.list = [] | |||
await this.fetchList(isConcat); | |||
}, | |||
// 列表下拉 | |||
pullDown() { | |||
this.refreshList().then(() => { | |||
this.$refs.list.stopPullDown() | |||
}) | |||
}, | |||
// 点击「编辑」、「查看」、「添加」、「删除」按钮 | |||
action(type, item) { | |||
switch (type) { | |||
default: | |||
case 'create': | |||
this.NAV_TO('./single?type=create') | |||
return | |||
case 'view': | |||
this.NAV_TO('./single?type=view&&id=' + item.Id, item, true) | |||
return | |||
case 'edit': | |||
this.NAV_TO('./single?type=edit', item, true) | |||
return | |||
} | |||
}, | |||
// 显示列表中的标题项 | |||
displayListItem(item, field) { | |||
const fieldItem = this.scheme[field] | |||
const value = item[field] | |||
switch (fieldItem.type) { | |||
case 'currentInfo': | |||
case 'organize': | |||
switch (fieldItem.dataType) { | |||
case 'user': | |||
return get(this.GET_GLOBAL('user'), `${value}.name`, '') | |||
case 'department': | |||
return get(this.GET_GLOBAL('department'), `${value}.name`, '') | |||
case 'company': | |||
return get(this.GET_GLOBAL('company'), `${value}.name`, '') | |||
default: | |||
return value || '' | |||
} | |||
case 'radio': | |||
case 'select': | |||
const selectItem = this.dataSource[field].find(t => t.value === value) | |||
return get(selectItem, 'text', '') | |||
case 'checkbox': | |||
if (!value || value.split(',').length <= 0) { | |||
return '' | |||
} | |||
const checkboxItems = value.split(',') | |||
return this.dataSource[field] | |||
.filter(t => checkboxItems.includes(t.value)) | |||
.map(t => t.text) | |||
.join(',') | |||
case 'datetime': | |||
if (!value) { | |||
return '' | |||
} | |||
return moment(value).format(Number(fieldItem.dateformat) === 0 ? 'YYYY年 M月 D日' : | |||
'YYYY-MM-DD HH:mm') | |||
default: | |||
return value || '' | |||
} | |||
}, | |||
// 设置搜索条件 | |||
async searchChange() { | |||
const result = {} | |||
const queryObj = pickBy(this.queryData, t => (Array.isArray(t) ? t.length > 0 : t)) | |||
Object.assign(result, mapValues(queryObj, t => (Array.isArray(t) ? t.join(',') : t))) | |||
this.searchData = result | |||
await this.refreshList(false); | |||
}, | |||
// 点击「清空搜索条件」按钮 | |||
reset() { | |||
this.queryData = this.COPY(this.defaultQueryData) | |||
this.searchChange() | |||
}, | |||
// 点击跳转到详情页 | |||
GoTosingle(type){ | |||
let _this = this | |||
if(_this.list.length>0){ | |||
uni.navigateTo({ | |||
url: './single?type='+type+'&item='+encodeURIComponent(JSON.stringify(_this.list)) | |||
}); | |||
}else{ | |||
uni.showToast({ | |||
title: '当月无工资', | |||
icon: 'none', | |||
duration: 2000 | |||
}) | |||
} | |||
} | |||
} | |||
} | |||
</script> | |||
<style lang="less" scoped> | |||
@import '~@/common/css/sidepage.less'; | |||
@import '~@/common/css/customlist.less'; | |||
.customlist-item{ | |||
// padding: 0; | |||
padding-left: 0; | |||
padding-right: 0; | |||
padding-top: 0; | |||
padding-bottom: 0; | |||
border-top: none !important; | |||
} | |||
.customlist-item-field{ | |||
padding-left: 10px; | |||
padding-right: 10px; | |||
display: flex; | |||
justify-content: space-between; | |||
align-items: center; | |||
min-height: 52px; | |||
background-color: #ffffff; | |||
justify-content: space-between; | |||
border-bottom: 0.5px solid #eee; | |||
} | |||
.page { | |||
background: #fff; | |||
} | |||
.timeTable_sec1 { | |||
padding: 14px 12px; | |||
text-align: center; | |||
background: #0075c4; | |||
color: #94d4ff; | |||
font-size: 0; | |||
} | |||
.tSec1Box>* { | |||
display: inline-block; | |||
vertical-align: middle; | |||
} | |||
.tSec1Line { | |||
height: 13px; | |||
width: 1px; | |||
background: #94d4ff; | |||
margin: 0 10px; | |||
} | |||
.tSec1Box { | |||
font-size: 15px; | |||
overflow: hidden; | |||
white-space: nowrap; | |||
text-overflow: ellipsis; | |||
} | |||
#semester { | |||
margin-bottom: 10px; | |||
} | |||
#weekTime {} | |||
#weekTime text { | |||
margin: 0 10px; | |||
} | |||
.tSec1Box>text { | |||
width: auto; | |||
text-align: center; | |||
line-height: 22px; | |||
} | |||
.tSec1Box image { | |||
width: 15px; | |||
margin-right: 2px; | |||
} | |||
.tSec1Box text:after { | |||
display: none; | |||
} | |||
.item-title{ | |||
color: #000; | |||
font-size: 16px; | |||
line-height: 36px; | |||
background: #f1f1f1; | |||
padding-left: 5px; | |||
} | |||
.item-titlewrap{ | |||
color: #000; | |||
font-size: 16px; | |||
line-height: 50px; | |||
background: #f1f1f1; | |||
padding:0 10px; | |||
border-bottom: 1rpx solid #ddd; | |||
display: flex; | |||
justify-content: space-between; | |||
} | |||
</style> |
@@ -0,0 +1,634 @@ | |||
<template> | |||
<view class="page"> | |||
<view v-if="ready"> | |||
<!-- <view class="item-title">{{itemtitle}}</view> --> | |||
<!-- <l-input | |||
@input="setValue('WageSchedule.EmpName', $event)" | |||
:value="getValue('WageSchedule.EmpName')" | |||
:disabled="!edit" | |||
title="姓名" | |||
/> --> | |||
<!-- <l-input | |||
@input="setValue('WageSchedule.IdCardNo', $event)" | |||
:value="getValue('WageSchedule.IdCardNo')" | |||
:disabled="!edit" | |||
title="身份证号" | |||
/> --> | |||
<!-- <l-input | |||
@input="setValue('WageSchedule.PeopleType', $event)" | |||
:value="getValue('WageSchedule.PeopleType')" | |||
:disabled="!edit" | |||
title="人员类别" | |||
/> --> | |||
<!-- <l-input | |||
@input="setValue('WageSchedule.PostType', $event)" | |||
:value="getValue('WageSchedule.PostType')" | |||
:disabled="!edit" | |||
title="岗位等级" | |||
/> --> | |||
<!-- <l-input | |||
@input="setValue('WageSchedule.PayGrade', $event)" | |||
:value="getValue('WageSchedule.PayGrade')" | |||
:disabled="!edit" | |||
title="薪级" | |||
/> --> | |||
<!-- <l-input | |||
@input="setValue('WageSchedule.TotalGrossPay', $event)" | |||
:value="getValue('WageSchedule.TotalGrossPay')" | |||
:disabled="!edit" | |||
title="应发合计" | |||
/> --> | |||
<view v-if="itemtype == 1"> | |||
<view class="item-title">基本工资</view> | |||
<l-input | |||
@input="setValue('WageSchedule.PostWage', $event)" | |||
:value="getValue('WageSchedule.PostWage')" | |||
:disabled="!edit" | |||
title="岗位工资" | |||
/> | |||
<l-input | |||
@input="setValue('WageSchedule.PayGradeWage', $event)" | |||
:value="getValue('WageSchedule.PayGradeWage')" | |||
:disabled="!edit" | |||
title="薪级工资" | |||
/> | |||
<l-input | |||
@input="setValue('WageSchedule.TenPercent', $event)" | |||
:value="getValue('WageSchedule.TenPercent')" | |||
:disabled="!edit" | |||
title="百分之十" | |||
/> | |||
<view class="item-title">绩效工资</view> | |||
<l-input | |||
@input="setValue('WageSchedule.BasicsPerformance', $event)" | |||
:value="getValue('WageSchedule.BasicsPerformance')" | |||
:disabled="!edit" | |||
title="基础性绩效" | |||
/> | |||
<l-input | |||
@input="setValue('WageSchedule.AwardPerformance', $event)" | |||
:value="getValue('WageSchedule.AwardPerformance')" | |||
:disabled="!edit" | |||
title="奖励绩效" | |||
/> | |||
<view class="item-title">单列绩效</view> | |||
<l-input | |||
@input="setValue('WageSchedule.SeparateBasicsPerformance', $event)" | |||
:value="getValue('WageSchedule.SeparateBasicsPerformance')" | |||
:disabled="!edit" | |||
title="基础绩效" | |||
/> | |||
<l-input | |||
@input="setValue('WageSchedule.SeparateAwardPerformance', $event)" | |||
:value="getValue('WageSchedule.SeparateAwardPerformance')" | |||
:disabled="!edit" | |||
title="奖励绩效" | |||
/> | |||
<view class="item-title">津贴补贴</view> | |||
<l-input | |||
@input="setValue('WageSchedule.RoughEdgeAllowance', $event)" | |||
:value="getValue('WageSchedule.RoughEdgeAllowance')" | |||
:disabled="!edit" | |||
title="艰边津贴" | |||
/> | |||
<l-input | |||
@input="setValue('WageSchedule.NationAllowance', $event)" | |||
:value="getValue('WageSchedule.NationAllowance')" | |||
:disabled="!edit" | |||
title="民族津贴" | |||
/> | |||
<l-input | |||
@input="setValue('WageSchedule.TeachAllowance', $event)" | |||
:value="getValue('WageSchedule.TeachAllowance')" | |||
:disabled="!edit" | |||
title="教龄津贴" | |||
/> | |||
<l-input | |||
@input="setValue('WageSchedule.SuperfineTeacherResearch', $event)" | |||
:value="getValue('WageSchedule.SuperfineTeacherResearch')" | |||
:disabled="!edit" | |||
title="特级教师津贴" | |||
/> | |||
<view class="item-title">改革性补贴</view> | |||
<l-input | |||
@input="setValue('WageSchedule.Transportation', $event)" | |||
:value="getValue('WageSchedule.Transportation')" | |||
:disabled="!edit" | |||
title="交通补贴" | |||
/> | |||
<l-input | |||
@input="setValue('WageSchedule.RealeState', $event)" | |||
:value="getValue('WageSchedule.RealeState')" | |||
:disabled="!edit" | |||
title="物业补贴" | |||
/> | |||
<l-input | |||
@input="setValue('WageSchedule.WorkKeep', $event)" | |||
:value="getValue('WageSchedule.WorkKeep')" | |||
:disabled="!edit" | |||
title="工改保留补贴" | |||
/> | |||
<l-input | |||
@input="setValue('WageSchedule.GirlStaffSanitation', $event)" | |||
:value="getValue('WageSchedule.GirlStaffSanitation')" | |||
:disabled="!edit" | |||
title="女职工卫生费" | |||
/> | |||
<l-input | |||
@input="setValue('WageSchedule.TeacherAndTown', $event)" | |||
:value="getValue('WageSchedule.TeacherAndTown')" | |||
:disabled="!edit" | |||
title="乡镇补贴" | |||
/> | |||
<l-input | |||
@input="setValue('WageSchedule.HousingAllowance', $event)" | |||
:value="getValue('WageSchedule.HousingAllowance')" | |||
:disabled="!edit" | |||
title="住房补贴" | |||
/> | |||
<l-input | |||
@input="setValue('WageSchedule.HousingFundAllowance', $event)" | |||
:value="getValue('WageSchedule.HousingFundAllowance')" | |||
:disabled="!edit" | |||
title="住房公积金" | |||
/> | |||
<l-input | |||
@input="setValue('WageSchedule.OtherOne', $event)" | |||
:value="getValue('WageSchedule.OtherOne')" | |||
:disabled="!edit" | |||
title="其他" | |||
/> | |||
</view> | |||
<!-- <l-input | |||
@input="setValue('WageSchedule.BasePay', $event)" | |||
:value="getValue('WageSchedule.BasePay')" | |||
:disabled="!edit" | |||
title="小计" | |||
/> --> | |||
<!-- <l-input | |||
@input="setValue('WageSchedule.SubsidiesAllowances', $event)" | |||
:value="getValue('WageSchedule.SubsidiesAllowances')" | |||
:disabled="!edit" | |||
title="小计" | |||
/> --> | |||
<!-- <l-input | |||
class="top-15" | |||
@input="setValue('WageSchedule.BasicsPerformance', $event)" | |||
:value="getValue('WageSchedule.BasicsPerformance')" | |||
:disabled="!edit" | |||
title="基础性绩效" | |||
/> --> | |||
<!-- <l-input | |||
@input="setValue('WageSchedule.ReformSubsidySum', $event)" | |||
:value="getValue('WageSchedule.ReformSubsidySum')" | |||
:disabled="!edit" | |||
title="小计" | |||
/> --> | |||
<!-- <l-input | |||
class="top-15" | |||
@input="setValue('WageSchedule.TeacherAndTown', $event)" | |||
:value="getValue('WageSchedule.TeacherAndTown')" | |||
:disabled="!edit" | |||
title="特级教师津贴和乡镇补贴" | |||
/> --> | |||
<view v-if="itemtype == 2"> | |||
<view class="item-title">代扣代缴</view> | |||
<!-- <l-input | |||
@input="setValue('WageSchedule.DeductionsSubtotal', $event)" | |||
:value="getValue('WageSchedule.DeductionsSubtotal')" | |||
:disabled="!edit" | |||
title="小计" | |||
/> --> | |||
<l-input | |||
@input="setValue('WageSchedule.AccumulationFund', $event)" | |||
:value="getValue('WageSchedule.AccumulationFund')" | |||
:disabled="!edit" | |||
title="公积金" | |||
/> | |||
<l-input | |||
@input="setValue('WageSchedule.EndowmentInsurance', $event)" | |||
:value="getValue('WageSchedule.EndowmentInsurance')" | |||
:disabled="!edit" | |||
title="养老保险" | |||
/> | |||
<l-input | |||
@input="setValue('WageSchedule.OccupationalAnnuities', $event)" | |||
:value="getValue('WageSchedule.OccupationalAnnuities')" | |||
:disabled="!edit" | |||
title="职业年金" | |||
/> | |||
<l-input | |||
@input="setValue('WageSchedule.MedicalInsurance', $event)" | |||
:value="getValue('WageSchedule.MedicalInsurance')" | |||
:disabled="!edit" | |||
title="医疗保险" | |||
/> | |||
<l-input | |||
@input="setValue('WageSchedule.UnemploymentInsurance', $event)" | |||
:value="getValue('WageSchedule.UnemploymentInsurance')" | |||
:disabled="!edit" | |||
title="失业保险" | |||
/> | |||
<l-input | |||
@input="setValue('WageSchedule.LaborUnionWage', $event)" | |||
:value="getValue('WageSchedule.LaborUnionWage')" | |||
:disabled="!edit" | |||
title="工会工费" | |||
/> | |||
<l-input | |||
@input="setValue('WageSchedule.PersonalIncomeTax', $event)" | |||
:value="getValue('WageSchedule.PersonalIncomeTax')" | |||
:disabled="!edit" | |||
title="个人所得税" | |||
/> | |||
<l-input | |||
@input="setValue('WageSchedule.Other', $event)" | |||
:value="getValue('WageSchedule.Other')" | |||
:disabled="!edit" | |||
title="其他" | |||
/> | |||
</view> | |||
<!-- <l-input | |||
class="top-15" | |||
@input="setValue('WageSchedule.FiscalDirect', $event)" | |||
:value="getValue('WageSchedule.FiscalDirect')" | |||
:disabled="!edit" | |||
title="财政直达" | |||
/> | |||
<l-input | |||
class="top-15" | |||
@input="setValue('WageSchedule.BankWithholding', $event)" | |||
:value="getValue('WageSchedule.BankWithholding')" | |||
:disabled="!edit" | |||
title="银行代扣" | |||
/> --> | |||
<!-- <l-input | |||
class="top-15" | |||
@input="setValue('WageSchedule.NetCombined', $event)" | |||
:value="getValue('WageSchedule.NetCombined')" | |||
:disabled="!edit" | |||
title="实发合计" | |||
/> | |||
<l-input | |||
class="top-15" | |||
@input="setValue('WageSchedule.WageCardNo', $event)" | |||
:value="getValue('WageSchedule.WageCardNo')" | |||
:disabled="!edit" | |||
title="工资卡号" | |||
/> --> | |||
<!-- <l-input | |||
class="top-15" | |||
@input="setValue('WageSchedule.CreateUser', $event)" | |||
:value="getValue('WageSchedule.CreateUser')" | |||
:disabled="!edit" | |||
title="创建用户" | |||
/> | |||
<l-datetime-picker | |||
class="top-15" | |||
@input="setValue('WageSchedule.CreateTime', $event)" | |||
:value="getValue('WageSchedule.CreateTime')" | |||
:disabled="!edit" | |||
title="创建时间" | |||
/> --> | |||
<!-- <l-input | |||
class="top-15" | |||
@input="setValue('WageSchedule.IssueMonth', $event)" | |||
:value="getValue('WageSchedule.IssueMonth')" | |||
:disabled="!edit" | |||
title="发放月份" | |||
/> | |||
<l-input | |||
class="top-15" | |||
@input="setValue('WageSchedule.IssueYear', $event)" | |||
:value="getValue('WageSchedule.IssueYear')" | |||
:disabled="!edit" | |||
title="发放年份" | |||
/> --> | |||
</view> | |||
<!-- <view v-if="ready" class="bg-white margin-tb padding" style="padding-top: 0; overflow: hidden;"> | |||
<l-button v-if="edit" @click="action('save')" size="lg" color="green" class="block margin-top" block> | |||
提交保存 | |||
</l-button> | |||
<l-button v-if="!edit && mode !== 'create'" @click="action('edit')" size="lg" line="orange" class="block margin-top" block> | |||
编辑本页 | |||
</l-button> | |||
<l-button v-if="edit && mode !== 'create'" @click="action('reset')" size="lg" line="red" class="block margin-top" block> | |||
取消编辑 | |||
</l-button> | |||
<l-button v-if="!edit && mode !== 'create'" @click="action('delete')" size="lg" line="red" class="block margin-top" block> | |||
删除 | |||
</l-button> | |||
</view> --> | |||
</view> | |||
</template> | |||
<script> | |||
/* | |||
* 版 本 Learun-ADMS V7.0.3 力软敏捷开发框架(http://www.learun.cn) | |||
* Copyright (c) 2013-2020 上海力软信息技术有限公司 | |||
* 创建人:超级管理员 | |||
* 日 期:2020-10-16 15:39 | |||
* 描 述:工作日志 | |||
*/ | |||
/** | |||
* 本段代码由移动端代码生成器输出,移动端须 2.2.0 版本及以上可以使用 | |||
* 请在移动端 /pages.json 中的 pages 字段中添加一条记录: | |||
* { "path": "pages/EducationalAdministration/JournalSend/single", "style": { "navigationBarTitleText": "表单详情页" } } | |||
* | |||
* (navigationBarTitleText 字段为本页面的标题文本,可以修改) | |||
* (必须自行操作该步骤,力软代码生成器不会自动帮您修改 /pages.json 文件) | |||
*/ | |||
import get from 'lodash/get' | |||
import set from 'lodash/set' | |||
import moment from 'moment' | |||
import customPageMixins from '@/common/custompage.js' | |||
export default { | |||
mixins: [customPageMixins], | |||
data() { | |||
return { | |||
// 页面相关参数 | |||
id: null, | |||
mode: null, | |||
edit: null, | |||
ready: false, | |||
// 表单数据 | |||
current: {}, | |||
origin: {}, | |||
// 表单项数据结构 | |||
scheme: { | |||
WageSchedule: { | |||
// JTitle: { type: 'text', title: '日志主题' }, | |||
// JTypeId: { type: 'select', title: '日志类型', dataSource: '0' }, | |||
// JReceiveId: { type: 'organize', title: '接收人', dataType: 'user' }, | |||
// JContent: { type: 'textarea', title: '日志内容' }, | |||
// Id | |||
// 序号No | |||
No: { type: 'text', title: '序号' }, | |||
// 姓名EmpName | |||
EmpName: { type: 'text', title: '姓名' }, | |||
// 账号/身份证号IdCardNo | |||
IdCardNo: { type: 'text', title: '账号/身份证号' }, | |||
// 人员类别PeopleType | |||
PeopleType: { type: 'text', title: '人员类别' }, | |||
// 岗位等级PostType | |||
PostType: { type: 'text', title: '岗位等级'}, | |||
// 薪级PayGrade | |||
PayGrade: { type: 'text', title: '薪级'}, | |||
// 应发合计TotalGrossPay | |||
TotalGrossPay: { type: 'text', title: '应发合计'}, | |||
// 岗位工资PostWage | |||
PostWage: { type: 'text', title: '岗位工资'}, | |||
// 薪级工资PayGradeWage | |||
PayGradeWage: { type: 'text', title: '薪级工资'}, | |||
// 百分之十TenPercent | |||
TenPercent: { type: 'text', title: '百分之十'}, | |||
// 基本工资小计BasePay | |||
BasePay: { type: 'text', title: '基本工资小计'}, | |||
// 艰边津贴RoughEdgeAllowance | |||
RoughEdgeAllowance: { type: 'text', title: '艰边津贴'}, | |||
// 民族津贴NationAllowance | |||
NationAllowance: { type: 'text', title: '民族津贴'}, | |||
// 教师津贴TeachAllowance | |||
TeachAllowance: { type: 'text', title: '教师津贴'}, | |||
SuperfineTeacherResearch:{ type: 'text', title: '特级教师津贴'}, | |||
// 津贴补贴小计SubsidiesAllowances | |||
SubsidiesAllowances: { type: 'text', title: '津贴补贴小计'}, | |||
// 基础性绩效BasicsPerformance | |||
BasicsPerformance: { type: 'text', title: '基础性绩效'}, | |||
// 女职工卫生费GirlStaffSanitation | |||
GirlStaffSanitation: { type: 'text', title: 'http://cyzjzx.gnway.cc:29904'}, | |||
// 交通补贴Transportation | |||
Transportation: { type: 'text', title: '交通补贴'}, | |||
// 奖励绩效RealeState | |||
AwardPerformance: { type: 'text', title: '奖励绩效'}, | |||
SeparateAwardPerformance: { type: 'text', title: '奖励绩效'}, | |||
SeparateBasicsPerformance:{ type: 'text', title: '基础绩效'}, | |||
// 工改保留补贴WorkKeep | |||
WorkKeep: { type: 'text', title: '工改保留补贴'}, | |||
// 改革性补贴小计ReformSubsidySum | |||
ReformSubsidySum: { type: 'text', title: '改革性补贴小计'}, | |||
// 住房补贴HousingAllowance | |||
HousingAllowance: { type: 'text', title: '住房补贴'}, | |||
// 住房公积金HousingFundAllowance | |||
HousingFundAllowance: { type: 'text', title: '住房公积金'}, | |||
// 特级教师津贴和乡镇补贴TeacherAndTown | |||
TeacherAndTown: { type: 'text', title: '特级教师津贴和乡镇补贴'}, | |||
// 扣款小计DeductionsSubtotal | |||
DeductionsSubtotal: { type: 'text', title: '扣款小计'}, | |||
// 公积金AccumulationFund | |||
AccumulationFund: { type: 'text', title: '公积金'}, | |||
// 工会工费LaborUnionWage | |||
LaborUnionWage: { type: 'text', title: '工会工费'}, | |||
// 个人所得税PersonalIncomeTax | |||
PersonalIncomeTax: { type: 'text', title: '个人所得税'}, | |||
// 养老保险EndowmentInsurance | |||
EndowmentInsurance: { type: 'text', title: '养老保险'}, | |||
// 职业年金OccupationalAnnuities | |||
OccupationalAnnuities: { type: 'text', title: '职业年金'}, | |||
// 医疗保险MedicalInsurance | |||
MedicalInsurance: { type: 'text', title: '医疗保险'}, | |||
// 失业保险UnemploymentInsurance | |||
UnemploymentInsurance: { type: 'text', title: '失业保险'}, | |||
// 其他Other | |||
Other: { type: 'text', title: '其他'}, | |||
// 财政直达FiscalDirect | |||
FiscalDirect: { type: 'text', title: '财政直达'}, | |||
// 银行代扣BankWithholding | |||
BankWithholding: { type: 'text', title: '银行代扣'}, | |||
// 实发合计NetCombined | |||
NetCombined: { type: 'text', title: '实发合计'}, | |||
// 工资卡号WageCardNo | |||
WageCardNo: { type: 'text', title: '工资卡号'}, | |||
// CreateUser | |||
CreateUser: { type: 'text', title: '创建用户'}, | |||
// CreateTime | |||
CreateTime: { type: 'text', title: '创建时间'}, | |||
// UpdateUser | |||
// UpdateTime | |||
// 发放月份IssueMonth | |||
IssueMonth: { type: 'text', title: '发放月份'}, | |||
// 发放年份IssueYear | |||
IssueYear: { type: 'text', title: '发放年份'}, | |||
TeacherAndTown:{ type: 'text', title: '乡镇补贴'}, | |||
OtherOne:{ type: 'text', title: '其他'}, | |||
}, | |||
}, | |||
// 数据源 | |||
dataSource: { | |||
JournalSend: { | |||
JTypeId: [], | |||
}, | |||
}, | |||
itemtitle:'', | |||
itemfrom:'', | |||
itemtype:'' | |||
} | |||
}, | |||
async onLoad(option) { | |||
const item = JSON.parse(decodeURIComponent(option.item)); | |||
this.itemtype = option.type | |||
this.itemfrom = item[0] | |||
if(this.itemtype == 1){ | |||
this.itemtitle = '基本工资' | |||
}else{ | |||
this.itemtitle = '代扣代缴' | |||
} | |||
await this.init() | |||
// await this.init('edit', '787141ce-a504-4782-90e7-7b9e9e5e161e') | |||
}, | |||
methods: { | |||
// 页面初始化 | |||
async init(type, id) { | |||
this.LOADING('加载数据中...') | |||
// this.id = id | |||
// this.mode = type | |||
// this.edit = ['create', 'edit'].includes(this.mode) | |||
// 拉取表单数据,同时拉取所有来自数据源的选单数据 | |||
await Promise.all([ | |||
() => {} | |||
]) | |||
await this.fetchForm() | |||
this.ready = true | |||
this.HIDE_LOADING() | |||
}, | |||
// 加载表单数据 | |||
async fetchForm() { | |||
let originitem = { | |||
WageSchedule : this.itemfrom | |||
} | |||
this.origin = await this.formatFormData(originitem) | |||
this.current = this.COPY(this.origin) | |||
// if (this.mode === 'create') { | |||
// this.origin = await this.getDefaultForm() | |||
// } else { | |||
// const result = await this.HTTP_GET('learun/adms/WageSchedule/form', this.id) | |||
// this.origin = await this.formatFormData(result) | |||
// } | |||
// this.current = this.COPY(this.origin) | |||
}, | |||
// 点击 「编辑」、「重置」、「保存」、「删除」 按钮 | |||
async action(type) { | |||
switch (type) { | |||
case 'edit': | |||
this.edit = true | |||
break | |||
case 'reset': | |||
this.current = this.COPY(this.origin) | |||
this.edit = false | |||
break | |||
case 'save': | |||
const verifyResult = this.verifyForm() | |||
if (verifyResult.length > 0) { | |||
this.CONFIRM('表单验证失败', verifyResult.join('\n')) | |||
return | |||
} | |||
if (!(await this.CONFIRM('提交确认', '确定要提交本页表单内容吗?', true))) { | |||
return | |||
} | |||
this.LOADING('正在提交...') | |||
const postData = await this.getPostData(this.id) | |||
this.HTTP_POST('learun/adms/EducationalAdministration/Journal/save', postData, '表单提交保存失败').then(success => { | |||
this.HIDE_LOADING() | |||
if (!success) { | |||
return | |||
} | |||
this.EMIT('EducationalAdministrationJournalSend-list-change') | |||
this.NAV_BACK() | |||
this.TOAST('提交保存成功') | |||
}) | |||
break | |||
case 'delete': | |||
if (!(await this.CONFIRM('删除项目', '确定要删除本项吗?', true))) { | |||
return | |||
} | |||
this.LOADING('提交删除中...') | |||
this.HTTP_POST('learun/adms/EducationalAdministration/Journal/delete', this.id, '删除失败').then(success => { | |||
this.HIDE_LOADING() | |||
if (!success) { | |||
return | |||
} | |||
this.EMIT('EducationalAdministrationJournalSend-list-change') | |||
this.NAV_BACK() | |||
this.this.TOAST('删除成功', 'success') | |||
}) | |||
break | |||
default: break | |||
} | |||
}, | |||
// 获取表单值 | |||
getValue(path) { | |||
return get(this.current, path) | |||
}, | |||
// 设置表单值 | |||
setValue(path, val) { | |||
set(this.current, path, val) | |||
} | |||
} | |||
} | |||
</script> | |||
<style> | |||
.item-title{ | |||
color: #000; | |||
font-size: 16px; | |||
line-height: 36px; | |||
padding-left: 15px; | |||
} | |||
.top-15{ | |||
margin-top: 8px; | |||
} | |||
</style> |