hzd/salaryAccounting
4
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

子修改

Browse Source
This commit is contained in:
1147680382@qq.com
2025-06-05 09:16:51 +08:00
parent 91cfea5e99
commit 4de6a7332d
3 changed files with 335 additions and 319 deletions
Download Patch File Download Diff File Expand all files Collapse all files
index.html
+18 -18
View File
@@ -1,20 +1,20 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <html lang="en">
<head> <head>
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<script> <script>
var coverSupport = 'CSS' in window && typeof CSS.supports === 'function' && (CSS.supports('top: env(a)') || var coverSupport = 'CSS' in window && typeof CSS.supports === 'function' && (CSS.supports('top: env(a)') ||
CSS.supports('top: constant(a)')) CSS.supports('top: constant(a)'))
document.write( document.write(
'<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0' + '<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0' +
(coverSupport ? ', viewport-fit=cover' : '') + '" />') (coverSupport ? ', viewport-fit=cover' : '') + '" />')
</script> </script>
<title></title> <title></title>
<!--preload-links--> <!--preload-links-->
<!--app-context--> <!--app-context-->
</head> </head>
<body> <body>
<div id="app"><!--app-html--></div> <div id="app"><!--app-html--></div>
<script type="module" src="/main.js"></script> <script type="module" src="/main.js"></script>
</body> </body>
</html> </html>
manifest.json
+71 -71
View File
@@ -1,73 +1,73 @@
{ {
"name": "template", "name" : "template",
"appid": "__UNI__9F20DF1", "appid" : "__UNI__9F20DF1",
"description": "", "description" : "",
"versionName": "1.0.0", "versionName" : "1.0.0",
"versionCode": "100", "versionCode" : "100",
"transformPx": false, "transformPx" : false,
/* 5+App特有相关 */ /* 5+App特有相关 */
"app-plus": { "app-plus" : {
"usingComponents": true, "usingComponents" : true,
"nvueStyleCompiler": "uni-app", "nvueStyleCompiler" : "uni-app",
"compilerVersion": 3, "compilerVersion" : 3,
"splashscreen" : {
"splashscreen": { "alwaysShowBeforeRender" : true,
"alwaysShowBeforeRender": true, "waiting" : true,
"waiting": true, "autoclose" : true,
"autoclose": true, "delay" : 0
"delay": 0 },
}, /* 模块配置 */
/* 模块配置 */ "modules" : {},
"modules": {}, /* 应用发布信息 */
/* 应用发布信息 */ "distribute" : {
"distribute": { /* android打包配置 */
/* android打包配置 */ "android" : {
"android": { "permissions" : [
"permissions": [ "<uses-permission android:name=\"android.permission.CHANGE_NETWORK_STATE\"/>",
"<uses-permission android:name=\"android.permission.CHANGE_NETWORK_STATE\"/>", "<uses-permission android:name=\"android.permission.MOUNT_UNMOUNT_FILESYSTEMS\"/>",
"<uses-permission android:name=\"android.permission.MOUNT_UNMOUNT_FILESYSTEMS\"/>", "<uses-permission android:name=\"android.permission.VIBRATE\"/>",
"<uses-permission android:name=\"android.permission.VIBRATE\"/>", "<uses-permission android:name=\"android.permission.READ_LOGS\"/>",
"<uses-permission android:name=\"android.permission.READ_LOGS\"/>", "<uses-permission android:name=\"android.permission.ACCESS_WIFI_STATE\"/>",
"<uses-permission android:name=\"android.permission.ACCESS_WIFI_STATE\"/>", "<uses-feature android:name=\"android.hardware.camera.autofocus\"/>",
"<uses-feature android:name=\"android.hardware.camera.autofocus\"/>", "<uses-permission android:name=\"android.permission.ACCESS_NETWORK_STATE\"/>",
"<uses-permission android:name=\"android.permission.ACCESS_NETWORK_STATE\"/>", "<uses-permission android:name=\"android.permission.CAMERA\"/>",
"<uses-permission android:name=\"android.permission.CAMERA\"/>", "<uses-permission android:name=\"android.permission.GET_ACCOUNTS\"/>",
"<uses-permission android:name=\"android.permission.GET_ACCOUNTS\"/>", "<uses-permission android:name=\"android.permission.READ_PHONE_STATE\"/>",
"<uses-permission android:name=\"android.permission.READ_PHONE_STATE\"/>", "<uses-permission android:name=\"android.permission.CHANGE_WIFI_STATE\"/>",
"<uses-permission android:name=\"android.permission.CHANGE_WIFI_STATE\"/>", "<uses-permission android:name=\"android.permission.WAKE_LOCK\"/>",
"<uses-permission android:name=\"android.permission.WAKE_LOCK\"/>", "<uses-permission android:name=\"android.permission.FLASHLIGHT\"/>",
"<uses-permission android:name=\"android.permission.FLASHLIGHT\"/>", "<uses-feature android:name=\"android.hardware.camera\"/>",
"<uses-feature android:name=\"android.hardware.camera\"/>", "<uses-permission android:name=\"android.permission.WRITE_SETTINGS\"/>"
"<uses-permission android:name=\"android.permission.WRITE_SETTINGS\"/>" ]
] },
}, /* ios打包配置 */
/* ios打包配置 */ "ios" : {},
"ios": {}, /* SDK配置 */
/* SDK配置 */ "sdkConfigs" : {}
"sdkConfigs": {} }
} },
}, /* 快应用特有相关 */
/* 快应用特有相关 */ "quickapp" : {},
"quickapp": {}, /* 小程序特有相关 */
/* 小程序特有相关 */ "mp-weixin" : {
"mp-weixin": { "appid" : "",
"appid": "", "setting" : {
"setting": { "urlCheck" : false
"urlCheck": false },
}, "usingComponents" : true
"usingComponents": true },
}, "mp-alipay" : {
"mp-alipay": { "usingComponents" : true,
"usingComponents": true "appid" : "3898417134"
}, },
"mp-baidu": { "mp-baidu" : {
"usingComponents": true "usingComponents" : true
}, },
"mp-toutiao": { "mp-toutiao" : {
"usingComponents": true "usingComponents" : true
}, },
"uniStatistics": { "uniStatistics" : {
"enable": false "enable" : false
}, },
"vueVersion": "2" "vueVersion" : "2"
} }
pages/homePage/homePage.vue
+246 -230
View File
@@ -31,7 +31,8 @@
</view> </view>
</view> </view>
<view class="section-content"> <view class="section-content">
<text class="title">{{ selectedYear }}年{{ selectedMonth < 10 ? '0' + selectedMonth : selectedMonth }}月工资条</text> <text
class="title">{{ selectedYear }}年{{ selectedMonth < 10 ? '0' + selectedMonth : selectedMonth }}月工资条</text>
<view class="warning"> <view class="warning">
<text class="warning-icon">⚠</text> <text class="warning-icon">⚠</text>
<text class="watext">工资表为系统自动生成，如有疑问请联系财务部门</text> <text class="watext">工资表为系统自动生成，如有疑问请联系财务部门</text>
@@ -47,7 +48,8 @@
<!-- 年份选择 --> <!-- 年份选择 -->
<view class="year-grid" v-if="currentStep === 'year'"> <view class="year-grid" v-if="currentStep === 'year'">
<view v-for="year in availableYears" :key="year" class="year-item" :class="{ active: tempSelectedYear === year }" @click="selectYear(year)"> <view v-for="year in availableYears" :key="year" class="year-item"
:class="{ active: tempSelectedYear === year }" @click="selectYear(year)">
<view class="year-circle"> <view class="year-circle">
<text>{{ year }}年</text> <text>{{ year }}年</text>
</view> </view>
@@ -56,7 +58,8 @@
<!-- 月份选择 --> <!-- 月份选择 -->
<view class="month-grid" v-if="currentStep === 'month'"> <view class="month-grid" v-if="currentStep === 'month'">
<view v-for="month in months" :key="month" class="month-item" :class="{ active: tempSelectedMonth === month }" @click="selectMonth(month)"> <view v-for="month in months" :key="month" class="month-item"
:class="{ active: tempSelectedMonth === month }" @click="selectMonth(month)">
<view class="month-circle"> <view class="month-circle">
<text>{{ tempSelectedYear }}年{{ month < 10 ? '0' + month : month }}月</text> <text>{{ tempSelectedYear }}年{{ month < 10 ? '0' + month : month }}月</text>
</view> </view>
@@ -64,280 +67,293 @@
</view> </view>
<!-- 底部按钮 --> <!-- 底部按钮 -->
<view class="modal-footer" v-if="currentStep === 'month'"><view class="back-btn" @click="backToYearSelect">返回年份选择</view></view> <view class="modal-footer" v-if="currentStep === 'month'">
<view class="back-btn" @click="backToYearSelect">返回年份选择</view>
</view>
</view> </view>
</view> </view>
</view> </view>
</template> </template>
<script> <script>
export default {
data() {
const currentDate = new Date();
const currentYear = currentDate.getFullYear();
return {
// 今年
thisYear: '',
// 今月
thisMonth: '',
showModal: false,
currentYear,
selectedYear: currentYear,
selectedMonth: currentDate.getMonth(),
months: Array.from({
length: 12
}, (_, i) => i + 1),
currentStep: 'year',
tempSelectedYear: currentYear,
tempSelectedMonth: currentDate.getMonth(),
availableYears: Array.from({
length: 7
}, (_, i) => currentYear - 3 + i)
};
},
async created() {
this.thisYear = this.selectedYear
this.thisMonth = this.selectedMonth
this.$setNavigationBar('工资系统');
if (uni.getStorageSync('token')) {} else {
let a = await this.$login();
}
},
methods: {
showDatePicker() {
this.showModal = true;
this.currentStep = 'year';
this.tempSelectedYear = this.selectedYear;
this.tempSelectedMonth = this.selectedMonth;
},
closeDatePicker() {
this.showModal = false;
this.currentStep = 'year';
},
selectYear(year) {
this.tempSelectedYear = year;
this.currentStep = 'month';
},
selectMonth(month) {
this.tempSelectedMonth = month;
this.selectedYear = this.tempSelectedYear;
this.selectedMonth = month;
this.showModal = false;
this.currentStep = 'year';
this.$emit('dateSelected', {
year: this.selectedYear,
month: this.selectedMonth
});
console.log('选择月份触发');
},
backToYearSelect() {
this.currentStep = 'year';
},
viewDetails() {
this.$navTo('/pages/attendanceManagement/attendanceManagement');
},
viewSalaryDetails() {
this.$navTo(`/pages/salaryDetails/salaryDetails?year=${this.selectedYear}&month=${this.selectedMonth}`);
},
export default {
data() {
const currentDate = new Date();
const currentYear = currentDate.getFullYear();
return {
// 今年
thisYear:'',
// 今月
thisMonth:'',
showModal: false,
currentYear,
selectedYear: currentYear,
selectedMonth: currentDate.getMonth(),
months: Array.from({ length: 12 }, (_, i) => i + 1),
currentStep: 'year',
tempSelectedYear: currentYear,
tempSelectedMonth: currentDate.getMonth(),
availableYears: Array.from({ length: 7 }, (_, i) => currentYear - 3 + i)
};
},
async created() {
this.thisYear = this.selectedYear
this.thisMonth = this.selectedMonth
this.$setNavigationBar('人资系统');
if (uni.getStorageSync('token')) {
} else {
let a = await this.$login();
} }
}, };
methods: {
showDatePicker() {
this.showModal = true;
this.currentStep = 'year';
this.tempSelectedYear = this.selectedYear;
this.tempSelectedMonth = this.selectedMonth;
},
closeDatePicker() {
this.showModal = false;
this.currentStep = 'year';
},
selectYear(year) {
this.tempSelectedYear = year;
this.currentStep = 'month';
},
selectMonth(month) {
this.tempSelectedMonth = month;
this.selectedYear = this.tempSelectedYear;
this.selectedMonth = month;
this.showModal = false;
this.currentStep = 'year';
this.$emit('dateSelected', {
year: this.selectedYear,
month: this.selectedMonth
});
console.log('选择月份触发');
},
backToYearSelect() {
this.currentStep = 'year';
},
viewDetails() {
this.$navTo('/pages/attendanceManagement/attendanceManagement');
},
viewSalaryDetails(){
this.$navTo(`/pages/salaryDetails/salaryDetails?year=${this.selectedYear}&month=${this.selectedMonth}`);
},
}
};
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
.home-page { .home-page {
overflow: hidden; overflow: hidden;
min-height: 100vh; min-height: 100vh;
background-color: #f8f9fa; background-color: #f8f9fa;
padding: 0 30rpx; padding: 0 30rpx;
.section {
background: #fff;
border-radius: 20rpx;
margin-top: 24rpx;
padding: 30rpx;
.section-header { .section {
display: flex; background: #fff;
justify-content: space-between; border-radius: 20rpx;
align-items: center; margin-top: 24rpx;
margin-bottom: 20rpx; padding: 30rpx;
.left { .section-header {
display: flex; display: flex;
justify-content: space-between;
align-items: center; align-items: center;
margin-bottom: 20rpx;
.icon { .left {
width: 48rpx; display: flex;
height: 48rpx; align-items: center;
margin-right: 10rpx;
.icon {
width: 48rpx;
height: 48rpx;
margin-right: 10rpx;
}
text {
font-family: Source Han Sans CN, Source Han Sans CN;
font-weight: 400;
font-size: 36rpx;
color: #111827;
}
} }
text {
font-family: Source Han Sans CN, Source Han Sans CN; .right {
font-weight: 400; display: flex;
font-size: 36rpx; align-items: center;
color: #111827; color: #666;
font-size: 28rpx;
.blue-text {
font-family: Source Han Sans CN, Source Han Sans CN;
font-weight: 400;
font-size: 28rpx;
color: #2b5ce4;
}
.arrow {
transform: rotate(90deg);
width: 40rpx;
height: 40rpx;
}
} }
} }
.right { .section-content {
display: flex; margin-top: 35rpx;
align-items: center;
color: #666; .title {
font-size: 28rpx; font-family: Source Han Sans CN, Source Han Sans CN;
.blue-text { font-weight: 400;
font-size: 30rpx;
color: #4b5563;
}
.combination {
display: flex;
align-items: center;
}
.detail {
font-family: Source Han Sans CN, Source Han Sans CN; font-family: Source Han Sans CN, Source Han Sans CN;
font-weight: 400; font-weight: 400;
font-size: 28rpx; font-size: 28rpx;
color: #2b5ce4; color: #4b5563;
} }
.arrow { .icon {
transform: rotate(90deg);
width: 40rpx; width: 40rpx;
height: 40rpx; height: 40rpx;
} }
}
}
.section-content { .warning {
margin-top: 35rpx; margin-top: 10rpx;
.title {
font-family: Source Han Sans CN, Source Han Sans CN;
font-weight: 400;
font-size: 30rpx;
color: #4b5563;
}
.combination {
display: flex;
align-items: center;
}
.detail {
font-family: Source Han Sans CN, Source Han Sans CN;
font-weight: 400;
font-size: 28rpx;
color: #4b5563;
}
.icon {
width: 40rpx;
height: 40rpx;
}
.warning {
margin-top: 10rpx;
display: flex;
align-items: center;
color: #ff6b01;
font-size: 28rpx;
.warning-icon {
margin-right: 10rpx;
}
.watext {
font-family: Source Han Sans CN, Source Han Sans CN;
font-weight: 400;
font-size: 24rpx;
color: #b9b9c2;
}
}
}
}
.view-details {
font-family: Source Han Sans CN, Source Han Sans CN;
margin-top: 42rpx;
height: 78rpx;
background: #0078ff;
border-radius: 20rpx;
display: flex;
align-items: center;
justify-content: center;
color: #fff;
font-size: 30rpx;
}
.date-picker-modal {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(0, 0, 0, 0.5);
z-index: 999;
display: flex;
align-items: center;
justify-content: center;
.modal-content {
width: 690rpx;
background: #ffffff;
border-radius: 20rpx;
padding: 40rpx 30rpx;
.modal-title {
font-size: 32rpx;
color: #111827;
text-align: center;
margin-bottom: 40rpx;
font-weight: 500;
}
.year-grid,
.month-grid {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 20rpx;
padding: 0 20rpx;
.year-item,
.month-item {
height: 88rpx;
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; color: #ff6b01;
font-size: 28rpx;
.year-circle, .warning-icon {
.month-circle { margin-right: 10rpx;
width: 100%; }
height: 100%;
.watext {
font-family: Source Han Sans CN, Source Han Sans CN;
font-weight: 400;
font-size: 24rpx;
color: #b9b9c2;
}
}
}
}
.view-details {
font-family: Source Han Sans CN, Source Han Sans CN;
margin-top: 42rpx;
height: 78rpx;
background: #0078ff;
border-radius: 20rpx;
display: flex;
align-items: center;
justify-content: center;
color: #fff;
font-size: 30rpx;
}
.date-picker-modal {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(0, 0, 0, 0.5);
z-index: 999;
display: flex;
align-items: center;
justify-content: center;
.modal-content {
width: 690rpx;
background: #ffffff;
border-radius: 20rpx;
padding: 40rpx 30rpx;
.modal-title {
font-size: 32rpx;
color: #111827;
text-align: center;
margin-bottom: 40rpx;
font-weight: 500;
}
.year-grid,
.month-grid {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 20rpx;
padding: 0 20rpx;
.year-item,
.month-item {
height: 88rpx;
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
border-radius: 8rpx;
border: 2rpx solid #e5e7eb;
text {
font-size: 28rpx;
color: #4b5563;
}
}
&.active {
.year-circle, .year-circle,
.month-circle { .month-circle {
background: #eef2ff; width: 100%;
border-color: #2b5ce4; height: 100%;
display: flex;
align-items: center;
justify-content: center;
border-radius: 8rpx;
border: 2rpx solid #e5e7eb;
text { text {
color: #2b5ce4; font-size: 28rpx;
color: #4b5563;
}
}
&.active {
.year-circle,
.month-circle {
background: #eef2ff;
border-color: #2b5ce4;
text {
color: #2b5ce4;
}
} }
} }
} }
} }
}
.modal-footer { .modal-footer {
margin-top: 30rpx; margin-top: 30rpx;
display: flex; display: flex;
justify-content: center; justify-content: center;
.back-btn { .back-btn {
padding: 20rpx 40rpx; padding: 20rpx 40rpx;
font-size: 28rpx; font-size: 28rpx;
color: #2b5ce4; color: #2b5ce4;
background: #eef2ff; background: #eef2ff;
border-radius: 8rpx; border-radius: 8rpx;
}
} }
} }
} }
} }
} </style>
</style>