子修改

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
+2 -2
View File
@@ -10,7 +10,6 @@
"usingComponents" : true, "usingComponents" : true,
"nvueStyleCompiler" : "uni-app", "nvueStyleCompiler" : "uni-app",
"compilerVersion" : 3, "compilerVersion" : 3,
"splashscreen" : { "splashscreen" : {
"alwaysShowBeforeRender" : true, "alwaysShowBeforeRender" : true,
"waiting" : true, "waiting" : true,
@@ -58,7 +57,8 @@
"usingComponents" : true "usingComponents" : true
}, },
"mp-alipay" : { "mp-alipay" : {
"usingComponents": true "usingComponents" : true,
"appid" : "3898417134"
}, },
"mp-baidu" : { "mp-baidu" : {
"usingComponents" : true "usingComponents" : true
+26 -10
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,14 +67,15 @@
</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 { export default {
data() { data() {
const currentDate = new Date(); const currentDate = new Date();
@@ -85,19 +89,22 @@ export default {
currentYear, currentYear,
selectedYear: currentYear, selectedYear: currentYear,
selectedMonth: currentDate.getMonth(), selectedMonth: currentDate.getMonth(),
months: Array.from({ length: 12 }, (_, i) => i + 1), months: Array.from({
length: 12
}, (_, i) => i + 1),
currentStep: 'year', currentStep: 'year',
tempSelectedYear: currentYear, tempSelectedYear: currentYear,
tempSelectedMonth: currentDate.getMonth(), tempSelectedMonth: currentDate.getMonth(),
availableYears: Array.from({ length: 7 }, (_, i) => currentYear - 3 + i) availableYears: Array.from({
length: 7
}, (_, i) => currentYear - 3 + i)
}; };
}, },
async created() { async created() {
this.thisYear = this.selectedYear this.thisYear = this.selectedYear
this.thisMonth = this.selectedMonth this.thisMonth = this.selectedMonth
this.$setNavigationBar('资系统'); this.$setNavigationBar('资系统');
if (uni.getStorageSync('token')) { if (uni.getStorageSync('token')) {} else {
} else {
let a = await this.$login(); let a = await this.$login();
} }
}, },
@@ -149,6 +156,7 @@ export default {
min-height: 100vh; min-height: 100vh;
background-color: #f8f9fa; background-color: #f8f9fa;
padding: 0 30rpx; padding: 0 30rpx;
.section { .section {
background: #fff; background: #fff;
border-radius: 20rpx; border-radius: 20rpx;
@@ -170,6 +178,7 @@ export default {
height: 48rpx; height: 48rpx;
margin-right: 10rpx; margin-right: 10rpx;
} }
text { text {
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;
@@ -183,6 +192,7 @@ export default {
align-items: center; align-items: center;
color: #666; color: #666;
font-size: 28rpx; font-size: 28rpx;
.blue-text { .blue-text {
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;
@@ -200,22 +210,26 @@ export default {
.section-content { .section-content {
margin-top: 35rpx; margin-top: 35rpx;
.title { .title {
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: 30rpx; font-size: 30rpx;
color: #4b5563; color: #4b5563;
} }
.combination { .combination {
display: flex; display: flex;
align-items: center; align-items: center;
} }
.detail { .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: #4b5563; color: #4b5563;
} }
.icon { .icon {
width: 40rpx; width: 40rpx;
height: 40rpx; height: 40rpx;
@@ -231,6 +245,7 @@ export default {
.warning-icon { .warning-icon {
margin-right: 10rpx; margin-right: 10rpx;
} }
.watext { .watext {
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;
@@ -311,6 +326,7 @@ export default {
} }
&.active { &.active {
.year-circle, .year-circle,
.month-circle { .month-circle {
background: #eef2ff; background: #eef2ff;