子修改

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,
"nvueStyleCompiler" : "uni-app",
"compilerVersion" : 3,
"splashscreen" : {
"alwaysShowBeforeRender" : true,
"waiting" : true,
@@ -58,7 +57,8 @@
"usingComponents" : true
},
"mp-alipay" : {
"usingComponents": true
"usingComponents" : true,
"appid" : "3898417134"
},
"mp-baidu" : {
"usingComponents" : true
+26 -10
View File
@@ -31,7 +31,8 @@
</view>
</view>
<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">
<text class="warning-icon"></text>
<text class="watext">工资表为系统自动生成如有疑问请联系财务部门</text>
@@ -47,7 +48,8 @@
<!-- 年份选择 -->
<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">
<text>{{ year }}</text>
</view>
@@ -56,7 +58,8 @@
<!-- 月份选择 -->
<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">
<text>{{ tempSelectedYear }}{{ month < 10 ? '0' + month : month }}</text>
</view>
@@ -64,14 +67,15 @@
</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>
</template>
<script>
export default {
data() {
const currentDate = new Date();
@@ -85,19 +89,22 @@ export default {
currentYear,
selectedYear: currentYear,
selectedMonth: currentDate.getMonth(),
months: Array.from({ length: 12 }, (_, i) => i + 1),
months: Array.from({
length: 12
}, (_, i) => i + 1),
currentStep: 'year',
tempSelectedYear: currentYear,
tempSelectedMonth: currentDate.getMonth(),
availableYears: Array.from({ length: 7 }, (_, i) => currentYear - 3 + i)
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 {
this.$setNavigationBar('资系统');
if (uni.getStorageSync('token')) {} else {
let a = await this.$login();
}
},
@@ -149,6 +156,7 @@ export default {
min-height: 100vh;
background-color: #f8f9fa;
padding: 0 30rpx;
.section {
background: #fff;
border-radius: 20rpx;
@@ -170,6 +178,7 @@ export default {
height: 48rpx;
margin-right: 10rpx;
}
text {
font-family: Source Han Sans CN, Source Han Sans CN;
font-weight: 400;
@@ -183,6 +192,7 @@ export default {
align-items: center;
color: #666;
font-size: 28rpx;
.blue-text {
font-family: Source Han Sans CN, Source Han Sans CN;
font-weight: 400;
@@ -200,22 +210,26 @@ export default {
.section-content {
margin-top: 35rpx;
.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;
@@ -231,6 +245,7 @@ export default {
.warning-icon {
margin-right: 10rpx;
}
.watext {
font-family: Source Han Sans CN, Source Han Sans CN;
font-weight: 400;
@@ -311,6 +326,7 @@ export default {
}
&.active {
.year-circle,
.month-circle {
background: #eef2ff;