tangxinyue
/
alipay-emulator
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Compare commits

base: tangxinyue:c933a2c663436e67bc0d8f4fe059d455cd990233
Branches Tags
tangxinyue:main
tangxinyue:Branch_1
..
compare: tangxinyue:1b65430bd205beef225214e02379a752a98c8355
Branches Tags
tangxinyue:Branch_1
tangxinyue:main

No commits in common. "c933a2c663436e67bc0d8f4fe059d455cd990233" and "1b65430bd205beef225214e02379a752a98c8355" have entirely different histories.
c933a2c663 ... 1b65430bd2

6 changed files with 473 additions and 818 deletions
Show Stats Expand all files Collapse all files

81
pages/other/score/guandong.vue
View File

@ -14,7 +14,6 @@ import { imgLocal } from '@/utils/common.js';
const data = reactive({ const data = reactive({
bgImg:'', bgImg:'',
form: { form: {
subject: '文科',
avatar: '', avatar: '',
name: '大王', name: '大王',
idNumber: '', idNumber: '',
@ -40,25 +39,11 @@ import { imgLocal } from '@/utils/common.js';
return sum || ''; return sum || '';
}); });
function getSubjectLabels(subject) {
const isScience = subject === '理科'
return {
subject3: isScience ? '物理' : '历史',
subject4: isScience ? '化学' : '思想政治',
subject5: isScience ? '生物学' : '地理',
trackName: isScience ? '物理' : '历史',
}
}
const subjectLabels = computed(() => getSubjectLabels(data.form.subject || '文科'))
const editDialog = reactive({ const editDialog = reactive({
show: false, show: false,
data: {} data: {}
}); });
const editSubjectLabels = computed(() => getSubjectLabels(editDialog.data.subject || '文科'))
onMounted(async() => { onMounted(async() => {
data.bgImg= await imgLocal.getLocalImage('other/score/guandong/guandongbg.png'); data.bgImg= await imgLocal.getLocalImage('other/score/guandong/guandongbg.png');
@ -70,8 +55,7 @@ import { imgLocal } from '@/utils/common.js';
if (cache) { if (cache) {
data.form = { data.form = {
...data.form, ...data.form,
...cache, ...cache
subject: cache.subject || '文科'
}; };
} }
} }
@ -82,9 +66,6 @@ import { imgLocal } from '@/utils/common.js';
function openEditDialog() { function openEditDialog() {
editDialog.data = JSON.parse(JSON.stringify(data.form)); editDialog.data = JSON.parse(JSON.stringify(data.form));
if (!editDialog.data.subject) {
editDialog.data.subject = '文科';
}
editDialog.show = true; editDialog.show = true;
} }
@ -202,7 +183,7 @@ import { imgLocal } from '@/utils/common.js';
</view> </view>
<view class="item"> <view class="item">
<view class="text1"> <view class="text1">
{{ subjectLabels.subject3 }} 历史
</view> </view>
<view class="text2"> <view class="text2">
{{data.form.history}} {{data.form.history}}
@ -210,7 +191,7 @@ import { imgLocal } from '@/utils/common.js';
</view> </view>
<view class="item"> <view class="item">
<view class="text1"> <view class="text1">
{{ subjectLabels.subject4 }} 思想政治
</view> </view>
<view class="text2"> <view class="text2">
{{data.form.politics}} {{data.form.politics}}
@ -218,7 +199,7 @@ import { imgLocal } from '@/utils/common.js';
</view> </view>
<view class="item"> <view class="item">
<view class="text1"> <view class="text1">
{{ subjectLabels.subject5 }} 地理
</view> </view>
<view class="text2"> <view class="text2">
{{data.form.geography}} {{data.form.geography}}
@ -226,7 +207,7 @@ import { imgLocal } from '@/utils/common.js';
</view> </view>
<view class="item"> <view class="item">
<view class="text1"> <view class="text1">
普通类 ({{ subjectLabels.trackName }})总分 普通类 (历史)总分
</view> </view>
<view class="text2"> <view class="text2">
{{data.form.total}} {{data.form.total}}
@ -234,7 +215,7 @@ import { imgLocal } from '@/utils/common.js';
</view> </view>
<view class="item"> <view class="item">
<view class="text1"> <view class="text1">
本科普通类 ({{ subjectLabels.trackName }})总分 (含加分) 本科普通类 (历史)总分 (含加分)
</view> </view>
<view class="text2"> <view class="text2">
{{data.form.undergraduateTotal}} {{data.form.undergraduateTotal}}
@ -250,7 +231,7 @@ import { imgLocal } from '@/utils/common.js';
</view> </view>
<view class="item"> <view class="item">
<view class="text1"> <view class="text1">
专科普通类 ({{ subjectLabels.trackName }})总分 (含加分) 专科普通类 (历史)总分 (含加分)
</view> </view>
<view class="text2"> <view class="text2">
{{data.form.technicalTotal}} {{data.form.technicalTotal}}
@ -275,15 +256,6 @@ import { imgLocal } from '@/utils/common.js';
<text class="title">编辑成绩信息</text> <text class="title">编辑成绩信息</text>
</view> </view>
<view class="editDialog_body"> <view class="editDialog_body">
<view class="formItem">
<text>科目</text>
<view class="subject-options">
<view class="subject-option" :class="{ active: editDialog.data.subject === '文科' }"
@click="editDialog.data.subject = '文科'">文科</view>
<view class="subject-option" :class="{ active: editDialog.data.subject === '理科' }"
@click="editDialog.data.subject = '理科'">理科</view>
</view>
</view>
<view class="formItem"> <view class="formItem">
<text>姓名</text> <text>姓名</text>
<input v-model="editDialog.data.name" placeholder="请输入姓名" /> <input v-model="editDialog.data.name" placeholder="请输入姓名" />
@ -309,23 +281,23 @@ import { imgLocal } from '@/utils/common.js';
<input v-model="editDialog.data.english" type="digit" placeholder="请输入英语成绩" /> <input v-model="editDialog.data.english" type="digit" placeholder="请输入英语成绩" />
</view> </view>
<view class="formItem"> <view class="formItem">
<text>{{ editSubjectLabels.subject3 }}</text> <text>历史</text>
<input v-model="editDialog.data.history" type="digit" :placeholder="'请输入' + editSubjectLabels.subject3 + '成绩'" /> <input v-model="editDialog.data.history" type="digit" placeholder="请输入历史成绩" />
</view> </view>
<view class="formItem"> <view class="formItem">
<text>{{ editSubjectLabels.subject4 }}</text> <text>思想政治</text>
<input v-model="editDialog.data.politics" type="digit" :placeholder="'请输入' + editSubjectLabels.subject4 + '成绩'" /> <input v-model="editDialog.data.politics" type="digit" placeholder="请输入思想政治成绩" />
</view> </view>
<view class="formItem"> <view class="formItem">
<text>{{ editSubjectLabels.subject5 }}</text> <text>地理</text>
<input v-model="editDialog.data.geography" type="digit" :placeholder="'请输入' + editSubjectLabels.subject5 + '成绩'" /> <input v-model="editDialog.data.geography" type="digit" placeholder="请输入地理成绩" />
</view> </view>
<view class="formItem"> <view class="formItem">
<text>普通类 ({{ editSubjectLabels.trackName }})总分</text> <text>普通类 (历史)总分</text>
<text style="flex:1;text-align:right;font-size:28rpx;color:#333;">{{editTotal}}</text> <text style="flex:1;text-align:right;font-size:28rpx;color:#333;">{{editTotal}}</text>
</view> </view>
<view class="formItem"> <view class="formItem">
<text>本科普通类 ({{ editSubjectLabels.trackName }})总分 (含加分)</text> <text>本科普通类 (历史)总分 (含加分)</text>
<input v-model="editDialog.data.undergraduateTotal" type="digit" placeholder="请输入本科总分" /> <input v-model="editDialog.data.undergraduateTotal" type="digit" placeholder="请输入本科总分" />
</view> </view>
<view class="formItem"> <view class="formItem">
@ -333,7 +305,7 @@ import { imgLocal } from '@/utils/common.js';
<input v-model="editDialog.data.ranking" type="digit" placeholder="请输入排位" /> <input v-model="editDialog.data.ranking" type="digit" placeholder="请输入排位" />
</view> </view>
<view class="formItem"> <view class="formItem">
<text>专科普通类 ({{ editSubjectLabels.trackName }})总分 (含加分)</text> <text>专科普通类 (历史)总分 (含加分)</text>
<input v-model="editDialog.data.technicalTotal" type="digit" placeholder="请输入专科总分" /> <input v-model="editDialog.data.technicalTotal" type="digit" placeholder="请输入专科总分" />
</view> </view>
<view class="formItem"> <view class="formItem">
@ -473,27 +445,6 @@ import { imgLocal } from '@/utils/common.js';
color: #333; color: #333;
text-align: right; text-align: right;
} }
.subject-options {
flex: 1;
display: flex;
justify-content: flex-end;
gap: 20rpx;
}
.subject-option {
padding: 8rpx 32rpx;
font-size: 26rpx;
color: #666;
border: 1rpx solid #ddd;
border-radius: 8rpx;
&.active {
color: #187AFF;
border-color: #187AFF;
background-color: rgba(24, 122, 255, 0.08);
}
}
} }
.popup-footer { .popup-footer {

2
pages/other/silkBanner/silkBanner.vue
View File

@ -6,7 +6,7 @@
<view class="footer-box"> <view class="footer-box">
<view class="btn" v-for="(item, index) in data.typeList" :key="index" :class="{ active: data.type == index }" <view class="btn" v-for="(item, index) in data.typeList" :key="index" :class="{ active: data.type == index }"
@click="setType(index)"> @click="setType(index)">
{{item}} 样式一
</view> </view>
</view> </view>
<view <view

420
pages/other/splash/splash.vue
View File

@ -3,18 +3,13 @@
<!-- 自定义头部导航栏 --> <!-- 自定义头部导航栏 -->
<ZdyNavbar @right-click="edit" isRightButton rightButtonText="编辑" :title="data.navbar.title" <ZdyNavbar @right-click="edit" isRightButton rightButtonText="编辑" :title="data.navbar.title"
:bgColor="data.navbar.bgColor" :isBack="true" /> :bgColor="data.navbar.bgColor" :isBack="true" />
<image :src="data.code" mode="widthFix" style="width: 100vw;" @click="previewImage"></image> <image :src="data.code" mode="widthFix" style="width: 100vw;" @click="previewImage"></image>
<view class="footer-box">
<view class="btn" v-for="(item, index) in data.typeList" :key="index" :class="{ active: data.type == index }"
@click="setType(index)">
样式{{index+1}}
</view>
</view>
<view class="button-container"> <view class="button-container">
<button class="btn-save-image" @click="saveImage">保存图片</button> <button class="btn-save-image" @click="saveImage">保存图片</button>
</view> </view>
<l-painter isCanvasToTempFilePath @success="successImage" @progress="progress" hidden <l-painter isCanvasToTempFilePath @success="successImage" @progress="progress" hidden v-if="data.bgImage"
v-if="data.bgImage&&data.type==0" :css="`width:${data.width}px;height:${data.width / 4 * 3}px;`"> :css="`width:${data.width}px;height:${data.width / 4 * 3}px;`">
<l-painter-view <l-painter-view
:css="`position: relative;width:${data.width}px;height:${data.width / 4 * 3}px;background-image: url('${data.bgImage}');`"> :css="`position: relative;width:${data.width}px;height:${data.width / 4 * 3}px;background-image: url('${data.bgImage}');`">
<!-- 头部年月 --> <!-- 头部年月 -->
@ -81,123 +76,6 @@
</l-painter-view> </l-painter-view>
</l-painter-view> </l-painter-view>
</l-painter> </l-painter>
<l-painter isCanvasToTempFilePath @success="successImage" @progress="progress" hidden v-else-if="data.type==1"
:css="`width:375px;height:1150px;`">
<l-painter-view :css="`position: relative;width:375px;height:1150px;background-color:#F6F8FA;`">
<!-- 头部 -->
<l-painter-view
css="background-color:#EFEFEF;height:44px;display:flex;justify-content: space-between;align-items: center;padding:0 12px;">
<l-painter-image src="/static/image/close.png" css="width: 24px; height: 24px;" />
<l-painter-text text="工资条详情" />
<l-painter-image src="/static/image/more.png" css="width: 24px; height: 24px;" />
</l-painter-view>
<l-painter-view css="padding:12px 18px;">
<l-painter-view css="background-color:#FFFFFF;padding:12px;border-radius: 6px 6px 6px 6px;">
<l-painter-view css="display: flex; flex-direction: column;align-items: center;margin-top:23px;">
<l-painter-text css="font-size:24px;color:#373737;font-weight: bold;" :text="formatMoney(data.form.money11)" />
<l-painter-text css="font-size:12px;color:#767676;" text="实发工资" />
<l-painter-image src="/static/image/other/salary/dashed.png"
css="margin-top:24px;width:100%; height: 2px;" />
</l-painter-view>
<l-painter-view css="display:flex;justify-content: space-between;padding:0 24px;margin-top:12px;">
<l-painter-text css="font-size:14px;color:#373737;" text="姓名" />
<l-painter-text css="font-size:14px;color:#373737;" :text="data.form.name + ''" />
</l-painter-view>
<l-painter-view css="display:flex;justify-content: space-between;padding:0 24px;margin-top:22px;">
<l-painter-text css="font-size:14px;color:#373737;" text="任职部门" />
<l-painter-text css="font-size:14px;color:#373737;" :text="data.form.department + ''" />
</l-painter-view>
<l-painter-view css="display:flex;justify-content: space-between;padding:0 24px;margin-top:22px;">
<l-painter-text css="font-size:14px;color:#373737;" text="职务" />
<l-painter-text css="font-size:14px;color:#373737;" :text="data.form.work + ''" />
</l-painter-view>
<l-painter-view css="display:flex;justify-content: space-between;padding:0 24px;margin-top:22px;">
<l-painter-text css="font-size:14px;color:#373737;" text="专员薪酬标准" />
<l-painter-text css="font-size:14px;color:#373737;" :text="data.form.salaryStandard + ''" />
</l-painter-view>
<l-painter-view css="display:flex;justify-content: space-between;padding:0 24px;margin-top:22px;">
<l-painter-text css="font-size:14px;color:#373737;" text="应出勤天数" />
<l-painter-text css="font-size:14px;color:#373737;" :text="data.form.shouldWorkDays + ''" />
</l-painter-view>
<l-painter-view css="display:flex;justify-content: space-between;padding:0 24px;margin-top:22px;">
<l-painter-text css="font-size:14px;color:#373737;" text="事假" />
<l-painter-text css="font-size:14px;color:#373737;" :text="data.form.personalLeave + ''" />
</l-painter-view>
<l-painter-view css="display:flex;justify-content: space-between;padding:0 24px;margin-top:22px;">
<l-painter-text css="font-size:14px;color:#373737;" text="病假" />
<l-painter-text css="font-size:14px;color:#373737;" :text="data.form.sickLeave + ''" />
</l-painter-view>
<l-painter-view css="display:flex;justify-content: space-between;padding:0 24px;margin-top:22px;">
<l-painter-text css="font-size:14px;color:#373737;" text="实出勤天数" />
<l-painter-text css="font-size:14px;color:#373737;" :text="data.form.actualWorkDays + ''" />
</l-painter-view>
<l-painter-view css="display:flex;justify-content: space-between;padding:0 24px;margin-top:22px;">
<l-painter-text css="font-size:14px;color:#373737;" text="补贴" />
<l-painter-text css="font-size:14px;color:#373737;" :text="data.form.subsidy + ''" />
</l-painter-view>
<l-painter-view css="display:flex;justify-content: space-between;padding:0 24px;margin-top:22px;">
<l-painter-text css="font-size:14px;color:#373737;" text="绩效" />
<l-painter-text css="font-size:14px;color:#373737;" :text="data.form.performance + ''" />
</l-painter-view>
<l-painter-view css="display:flex;justify-content: space-between;padding:0 24px;margin-top:22px;">
<l-painter-text css="font-size:14px;color:#373737;" text="应发合计" />
<l-painter-text css="font-size:14px;color:#373737;" :text="data.form.money5 + ''" />
</l-painter-view>
<l-painter-view css="display:flex;justify-content: space-between;padding:0 24px;margin-top:22px;">
<l-painter-text css="font-size:14px;color:#373737;" text="个人社保代扣" />
<l-painter-text css="font-size:14px;color:#373737;" :text="data.form.money6 + ''" />
</l-painter-view>
<l-painter-view css="display:flex;justify-content: space-between;padding:0 24px;margin-top:22px;">
<l-painter-text css="font-size:14px;color:#373737;" text="个人公积金代扣" />
<l-painter-text css="font-size:14px;color:#373737;" :text="data.form.housingFund + ''" />
</l-painter-view>
<l-painter-view css="display:flex;justify-content: space-between;padding:0 24px;margin-top:22px;">
<l-painter-text css="font-size:14px;color:#373737;" text="个人所得税代扣" />
<l-painter-text css="font-size:14px;color:#373737;" :text="data.form.money7 + ''" />
</l-painter-view>
<l-painter-view css="display:flex;justify-content: space-between;padding:0 24px;margin-top:22px;">
<l-painter-text css="font-size:14px;color:#373737;" text="应扣事假" />
<l-painter-text css="font-size:14px;color:#373737;" :text="data.form.deductPersonalLeave + ''" />
</l-painter-view>
<l-painter-view css="display:flex;justify-content: space-between;padding:0 24px;margin-top:22px;">
<l-painter-text css="font-size:14px;color:#373737;" text="应扣病假" />
<l-painter-text css="font-size:14px;color:#373737;" :text="data.form.deductSickLeave + ''" />
</l-painter-view>
<l-painter-view css="display:flex;justify-content: space-between;padding:0 24px;margin-top:22px;">
<l-painter-text css="font-size:14px;color:#373737;" text="其他扣款" />
<l-painter-text css="font-size:14px;color:#373737;" :text="data.form.money9 + ''" />
</l-painter-view>
<l-painter-view css="display:flex;justify-content: space-between;padding:0 24px;margin-top:22px;">
<l-painter-text css="font-size:14px;color:#373737;" text="应扣合计" />
<l-painter-text css="font-size:14px;color:#373737;" :text="data.form.money10 + ''" />
</l-painter-view>
<l-painter-view css="display:flex;justify-content: space-between;padding:0 24px;margin-top:22px;">
<l-painter-text css="font-size:14px;color:#373737;" text="实发工资" />
<l-painter-text css="font-size:14px;color:#373737;" :text="data.form.money11 + ''" />
</l-painter-view>
<l-painter-view css="display:flex;justify-content: space-between;padding:0 24px;margin-top:22px;">
<l-painter-text css="font-size:14px;color:#373737;" text="备注" />
<l-painter-text css="font-size:14px;color:#373737;" :text="data.form.remark + ''" />
</l-painter-view>
<l-painter-view css="margin-top:24px;">
<l-painter-image src="/static/image/other/salary/dashed.png" css="width:100%; height: 2px;" />
</l-painter-view>
<l-painter-view css="margin-top:60px;display:flex;justify-content: space-between;align-items: center;">
<l-painter-view css="width: 143px;height: 38px;border-radius: 4px 4px 4px 4px;border: 1px solid #3B9BDF;background-color:#3B9BDF;display:flex;justify-content: center;align-items: center;">
<l-painter-text css="font-size:14px;color:#ffffff;" text="签名确认" />
</l-painter-view>
<l-painter-view css="width: 143px;height: 38px;border-radius: 4px 4px 4px 4px;border: 1px solid #3B9BDF;display:flex;justify-content: center;align-items: center;">
<l-painter-text css="font-size:14px;color:#3B9BDF;" text="对工资有疑问" />
</l-painter-view>
</l-painter-view>
</l-painter-view>
</l-painter-view>
<l-painter-view v-if="$isVip()" :css="`position: absolute;right:20px;bottom:20px;`">
<l-painter-image src="/static/image/other/shuiying.png" css="width: 170rpx; height: 50rpx;" />
</l-painter-view>
</l-painter-view>
</l-painter>
<!-- 编辑弹窗 --> <!-- 编辑弹窗 -->
<view v-if="showEditPopup" class="popup-overlay"> <view v-if="showEditPopup" class="popup-overlay">
@ -207,8 +85,6 @@
<text class="popup-close" @click="closeEditPopup">×</text> <text class="popup-close" @click="closeEditPopup">×</text>
</view> </view>
<view class="popup-body"> <view class="popup-body">
<!-- 样式1编辑表单 -->
<template v-if="data.type == 0">
<view class="form-row"> <view class="form-row">
<text class="form-label">岗位：</text> <text class="form-label">岗位：</text>
<input class="form-input" v-model="editForm.work" type="text" /> <input class="form-input" v-model="editForm.work" type="text" />
@ -228,23 +104,28 @@
<text class="section-title">收入部分</text> <text class="section-title">收入部分</text>
<view class="form-row"> <view class="form-row">
<text class="form-label">基本工资：</text> <text class="form-label">基本工资：</text>
<input class="form-input" v-model.number="editForm.money1" type="number" @input="calculateValues" /> <input class="form-input" v-model.number="editForm.money1" type="number"
@input="calculateValues" />
</view> </view>
<view class="form-row"> <view class="form-row">
<text class="form-label">绩效工资：</text> <text class="form-label">绩效工资：</text>
<input class="form-input" v-model.number="editForm.money2" type="number" @input="calculateValues" /> <input class="form-input" v-model.number="editForm.money2" type="number"
@input="calculateValues" />
</view> </view>
<view class="form-row"> <view class="form-row">
<text class="form-label">全勤工资：</text> <text class="form-label">全勤工资：</text>
<input class="form-input" v-model.number="editForm.money3" type="number" @input="calculateValues" /> <input class="form-input" v-model.number="editForm.money3" type="number"
@input="calculateValues" />
</view> </view>
<view class="form-row"> <view class="form-row">
<text class="form-label">其他奖金：</text> <text class="form-label">其他奖金：</text>
<input class="form-input" v-model.number="editForm.money4" type="number" @input="calculateValues" /> <input class="form-input" v-model.number="editForm.money4" type="number"
@input="calculateValues" />
</view> </view>
<view class="form-row form-total"> <view class="form-row form-total">
<text class="form-label">合计：</text> <text class="form-label">合计：</text>
<input class="form-input form-total-input" v-model.number="editForm.money5" type="number" disabled /> <input class="form-input form-total-input" v-model.number="editForm.money5" type="number"
disabled />
</view> </view>
</view> </view>
@ -252,124 +133,36 @@
<text class="section-title">扣款部分</text> <text class="section-title">扣款部分</text>
<view class="form-row"> <view class="form-row">
<text class="form-label">社保缴纳：</text> <text class="form-label">社保缴纳：</text>
<input class="form-input" v-model.number="editForm.money6" type="number" @input="calculateValues" /> <input class="form-input" v-model.number="editForm.money6" type="number"
@input="calculateValues" />
</view> </view>
<view class="form-row"> <view class="form-row">
<text class="form-label">个税缴纳：</text> <text class="form-label">个税缴纳：</text>
<input class="form-input" v-model.number="editForm.money7" type="number" @input="calculateValues" /> <input class="form-input" v-model.number="editForm.money7" type="number"
@input="calculateValues" />
</view> </view>
<view class="form-row"> <view class="form-row">
<text class="form-label">考勤扣款：</text> <text class="form-label">考勤扣款：</text>
<input class="form-input" v-model.number="editForm.money8" type="number" @input="calculateValues" /> <input class="form-input" v-model.number="editForm.money8" type="number"
@input="calculateValues" />
</view> </view>
<view class="form-row"> <view class="form-row">
<text class="form-label">其他扣款：</text> <text class="form-label">其他扣款：</text>
<input class="form-input" v-model.number="editForm.money9" type="number" @input="calculateValues" /> <input class="form-input" v-model.number="editForm.money9" type="number"
@input="calculateValues" />
</view> </view>
<view class="form-row form-total"> <view class="form-row form-total">
<text class="form-label">合计：</text> <text class="form-label">合计：</text>
<input class="form-input form-total-input" v-model.number="editForm.money10" type="number" disabled /> <input class="form-input form-total-input" v-model.number="editForm.money10" type="number"
disabled />
</view> </view>
</view> </view>
<view class="form-row form-total"> <view class="form-row form-total">
<text class="form-label">实发工资：</text> <text class="form-label">实发工资：</text>
<input class="form-input form-total-input" v-model.number="editForm.money11" type="number" disabled /> <input class="form-input form-total-input" v-model.number="editForm.money11" type="number"
disabled />
</view> </view>
</template>
<!-- 样式2编辑表单 -->
<template v-else>
<view class="form-row">
<text class="form-label">姓名：</text>
<input class="form-input" v-model="editForm.name" type="text" />
</view>
<view class="form-row">
<text class="form-label">任职部门：</text>
<input class="form-input" v-model="editForm.department" type="text" />
</view>
<view class="form-row">
<text class="form-label">职务：</text>
<input class="form-input" v-model="editForm.work" type="text" />
</view>
<view class="form-row">
<text class="form-label">专员薪酬标准：</text>
<input class="form-input" v-model.number="editForm.salaryStandard" type="number" @input="calculateValues" />
</view>
<view class="form-row">
<text class="form-label">应出勤天数：</text>
<input class="form-input" v-model.number="editForm.shouldWorkDays" type="number" />
</view>
<view class="form-row">
<text class="form-label">事假：</text>
<input class="form-input" v-model.number="editForm.personalLeave" type="number" />
</view>
<view class="form-row">
<text class="form-label">病假：</text>
<input class="form-input" v-model.number="editForm.sickLeave" type="number" />
</view>
<view class="form-row">
<text class="form-label">实出勤天数：</text>
<input class="form-input" v-model.number="editForm.actualWorkDays" type="number" />
</view>
<view class="form-section">
<text class="section-title">收入部分</text>
<view class="form-row">
<text class="form-label">补贴：</text>
<input class="form-input" v-model.number="editForm.subsidy" type="number" @input="calculateValues" />
</view>
<view class="form-row">
<text class="form-label">绩效：</text>
<input class="form-input" v-model.number="editForm.performance" type="number" @input="calculateValues" />
</view>
<view class="form-row form-total">
<text class="form-label">应发合计：</text>
<input class="form-input form-total-input" v-model.number="editForm.money5" type="number" disabled />
</view>
</view>
<view class="form-section">
<text class="section-title">扣款部分</text>
<view class="form-row">
<text class="form-label">个人社保代扣：</text>
<input class="form-input" v-model.number="editForm.money6" type="number" @input="calculateValues" />
</view>
<view class="form-row">
<text class="form-label">个人公积金代扣：</text>
<input class="form-input" v-model.number="editForm.housingFund" type="number" @input="calculateValues" />
</view>
<view class="form-row">
<text class="form-label">个人所得税代扣：</text>
<input class="form-input" v-model.number="editForm.money7" type="number" @input="calculateValues" />
</view>
<view class="form-row">
<text class="form-label">应扣事假：</text>
<input class="form-input" v-model.number="editForm.deductPersonalLeave" type="number" @input="calculateValues" />
</view>
<view class="form-row">
<text class="form-label">应扣病假：</text>
<input class="form-input" v-model.number="editForm.deductSickLeave" type="number" @input="calculateValues" />
</view>
<view class="form-row">
<text class="form-label">其他扣款：</text>
<input class="form-input" v-model.number="editForm.money9" type="number" @input="calculateValues" />
</view>
<view class="form-row form-total">
<text class="form-label">应扣合计：</text>
<input class="form-input form-total-input" v-model.number="editForm.money10" type="number" disabled />
</view>
</view>
<view class="form-row form-total">
<text class="form-label">实发工资：</text>
<input class="form-input form-total-input" v-model.number="editForm.money11" type="number" disabled />
</view>
<view class="form-row">
<text class="form-label">备注：</text>
<input class="form-input" v-model="editForm.remark" type="text" />
</view>
</template>
</view> </view>
<view class="popup-footer"> <view class="popup-footer">
<button class="btn-cancel" @click="closeEditPopup">取消</button> <button class="btn-cancel" @click="closeEditPopup">取消</button>
@ -379,7 +172,8 @@
</view> </view>
<!-- 水印 --> <!-- 水印 -->
<view v-if="$isVip()"> <view v-if="$isVip()">
<liu-drag-button :canDocking="false" @clickBtn="$goRechargePage('watermark', 'uni_alipay_other_gongzhitiao')"> <liu-drag-button :canDocking="false"
@clickBtn="$goRechargePage('watermark', 'uni_alipay_other_gongzhitiao')">
<c-lottie ref="cLottieRef" :src='$watermark()' width="94px" height='74px' :loop="true"></c-lottie> <c-lottie ref="cLottieRef" :src='$watermark()' width="94px" height='74px' :loop="true"></c-lottie>
</liu-drag-button> </liu-drag-button>
</view> </view>
@ -389,9 +183,7 @@
<script setup> <script setup>
// 自定义头部 // 自定义头部
import ZdyNavbar from "@/components/nav-bar/nav-bar.vue" import ZdyNavbar from "@/components/nav-bar/nav-bar.vue"
import { import { imgLocal } from '@/utils/common.js';
imgLocal
} from '@/utils/common.js';
import { import {
ref, ref,
reactive, reactive,
@ -410,10 +202,16 @@
appContext, appContext,
proxy proxy
} = getCurrentInstance(); } = getCurrentInstance();
const data = reactive({
function defaultForm(type) { navbar: {
const forms = { title: "工资条",
0: { bgColor: '#EDEDED',
},
bgImage:'',
width: 375,
height: 495,
code: '',
form: {
work: "销售", work: "销售",
name: '小明', name: '小明',
money1: 5000, money1: 5000,
@ -430,75 +228,18 @@
year: 2026, year: 2026,
month: 1, month: 1,
}, },
1: {
name: '校长',
department: '市场推广部',
work: '推广专员',
salaryStandard: 7500,
shouldWorkDays: 22,
personalLeave: 0,
sickLeave: 0,
actualWorkDays: 22,
subsidy: 500,
performance: 1000,
money5: 9000,
money6: 512,
housingFund: 300,
money7: 120,
deductPersonalLeave: 0,
deductSickLeave: 0,
money9: 0,
money10: 932,
money11: 8068,
remark: '餐饮饭卡补贴200元',
}
}
return forms[type] || forms[0]
}
function mergeForm(raw, type) {
return Object.assign(defaultForm(type), raw && typeof raw === 'object' ? raw : {})
}
function formatMoney(val) {
const num = Number(val) || 0
return '￥' + num.toFixed(2).replace(/\B(?=(\d{3})+(?!\d))/g, ',')
}
const data = reactive({
navbar: {
title: "工资条",
bgColor: '#EDEDED',
},
type: 0,
bgImage: '',
width: 375,
height: 495,
code: '',
form: mergeForm(null, 0),
textCss: ' letter-spacing: 10px;font-family: "SimHei", "Microsoft YaHei", sans-serif;width:50px;text-align: center;color:#505156;transform: scale(0.4);font-size:26rpx;font-weight: bold; mix-blend-mode: overlay;', textCss: ' letter-spacing: 10px;font-family: "SimHei", "Microsoft YaHei", sans-serif;width:50px;text-align: center;color:#505156;transform: scale(0.4);font-size:26rpx;font-weight: bold; mix-blend-mode: overlay;',
textCssMoney: 'font-family: "SimHei", "Microsoft YaHei", sans-serif;width:50px;text-align: center;color:#505156;transform: scale(0.4);font-size:12px;font-weight: bold; mix-blend-mode: overlay;', textCssMoney: 'font-family: "SimHei", "Microsoft YaHei", sans-serif;width:50px;text-align: center;color:#505156;transform: scale(0.4);font-size:12px;font-weight: bold; mix-blend-mode: overlay;',
textCssTime: 'font-family: "SimHei", "Microsoft YaHei", sans-serif;width:50px;text-align: center;color:#505156;transform: scale(0.4);font-size:18px;font-weight: bold; mix-blend-mode: overlay;', textCssTime: 'font-family: "SimHei", "Microsoft YaHei", sans-serif;width:50px;text-align: center;color:#505156;transform: scale(0.4);font-size:18px;font-weight: bold; mix-blend-mode: overlay;'
typeList: ['样式1', '样式2']
}) })
// 弹窗相关 // 弹窗相关
const showEditPopup = ref(false); const showEditPopup = ref(false);
const editForm = ref({}); const editForm = ref({});
function setType(index) {
uni.setStorageSync("salary" + data.type, data.form)
uni.showLoading({
title: "生成中"
})
data.type = index
data.form = mergeForm(uni.getStorageSync("salary" + data.type), data.type)
}
// //
function successImage(e){ function successImage(e){
data.code=e data.code=e
} }
function progress(e){ function progress(e){
if(e<0.03){ if(e<0.03){
uni.showLoading({ uni.showLoading({
@ -512,9 +253,13 @@
} }
// 打开编辑弹窗 // 打开编辑弹窗
function edit() { function edit() {
editForm.value = mergeForm(JSON.parse(JSON.stringify(data.form)), data.type) console.log(data.form)
calculateValues() // 复制当前表单数据到编辑表单
showEditPopup.value = true editForm.value = JSON.parse(JSON.stringify(data.form));
// 计算初始值
calculateValues();
// 显示弹窗
showEditPopup.value = true;
} }
// 关闭编辑弹窗 // 关闭编辑弹窗
@ -524,31 +269,24 @@
// 保存编辑表单 // 保存编辑表单
function saveEditForm() { function saveEditForm() {
calculateValues() // 将编辑后的数据复制回原始表单
uni.showLoading({ data.form = JSON.parse(JSON.stringify(editForm.value));
title: "生成中" // 关闭弹窗
}) showEditPopup.value = false;
data.form = mergeForm(editForm.value, data.type)
uni.setStorageSync("salary" + data.type, data.form)
showEditPopup.value = false
} }
// 计算值 // 计算值
function calculateValues() { function calculateValues() {
if (data.type === 0) { // 计算收入合计 (money5 = money1 + money2 + money3 + money4)
editForm.value.money5 = (editForm.value.money1 || 0) + (editForm.value.money2 || 0) + (editForm.value.money3 || editForm.value.money5 = (editForm.value.money1 || 0) + (editForm.value.money2 || 0) + (editForm.value.money3 ||
0) + (editForm.value.money4 || 0) 0) + (editForm.value.money4 || 0);
// 计算扣款合计 (money10 = money6 + money7 + money8 + money9)
editForm.value.money10 = (editForm.value.money6 || 0) + (editForm.value.money7 || 0) + (editForm.value.money8 || editForm.value.money10 = (editForm.value.money6 || 0) + (editForm.value.money7 || 0) + (editForm.value.money8 ||
0) + (editForm.value.money9 || 0) 0) + (editForm.value.money9 || 0);
editForm.value.money11 = editForm.value.money5 - editForm.value.money10
} else { // 计算实发工资 (money11 = money5 - money10)
editForm.value.money5 = (editForm.value.salaryStandard || 0) + (editForm.value.subsidy || 0) + (editForm.value editForm.value.money11 = editForm.value.money5 - editForm.value.money10;
.performance || 0)
editForm.value.money10 = (editForm.value.money6 || 0) + (editForm.value.housingFund || 0) + (editForm.value
.money7 || 0) + (editForm.value.deductPersonalLeave || 0) + (editForm.value.deductSickLeave || 0) + (
editForm.value.money9 || 0)
editForm.value.money11 = editForm.value.money5 - editForm.value.money10
}
} }
// 预览图片 // 预览图片
@ -710,7 +448,7 @@
}) })
data.bgImage = await imgLocal.getLocalImage('other/gzd.png'); data.bgImage = await imgLocal.getLocalImage('other/gzd.png');
data.form = mergeForm(uni.getStorageSync("salary" + data.type), data.type) console.log(data.bgImage)
}) })
onReady(() => { onReady(() => {
@ -784,8 +522,6 @@
.popup-body { .popup-body {
padding: 20rpx; padding: 20rpx;
height:60vh;
overflow-y: scroll;
} }
.form-section { .form-section {
@ -850,7 +586,7 @@
.btn-cancel, .btn-cancel,
.btn-save { .btn-save {
width: calc(48% - 40rpx); width: 48%;
padding: 20rpx; padding: 20rpx;
border-radius: 4rpx; border-radius: 4rpx;
font-size: 28rpx; font-size: 28rpx;
@ -859,14 +595,13 @@
.btn-cancel { .btn-cancel {
background-color: #f5f5f5; background-color: #f5f5f5;
color: #333; color: #333;
// border: 1rpx solid #ddd; border: 1rpx solid #ddd;
} }
.btn-save { .btn-save {
background-color: #187AFF; background-color: #ff6b35;
color: #fff; color: #fff;
border: none; border: none;
} }
/* 保存图片按钮 */ /* 保存图片按钮 */
@ -899,35 +634,4 @@
transform: translateY(0); transform: translateY(0);
box-shadow: 0 2rpx 6rpx rgba(7, 140, 193, 0.3); box-shadow: 0 2rpx 6rpx rgba(7, 140, 193, 0.3);
} }
.footer-box {
position: fixed;
left: 0;
bottom: 16px;
width: 100vw;
display: flex;
justify-content: center;
padding-bottom: constant(safe-area-inset-bottom); // 兼容 IOS<11.2
padding-bottom: env(safe-area-inset-bottom); // 兼容 IOS>11.2
.btn {
font-size: 18px;
color: #767676;
width: 180rpx;
height: 80rpx;
line-height: 80rpx;
background: #FFFFFF;
border-radius: 8px 8px 8px 8px;
background: #FFFFFF;
text-align: center;
margin: 0 24rpx;
border: 2px solid #FFFFFF;
color: #767676;
}
.active {
color: #1777FF;
border: 2px solid #1777FF;
}
}
</style> </style>

BIN
static/image/more.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 753 B

BIN
static/image/other/bank/gsyh/gsyh.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 28 KiB

After

Width:  |  Height:  |  Size: 32 KiB

BIN
static/image/other/salary/dashed.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 1.3 KiB