子修改
This commit is contained in:
+2
-2
@@ -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
@@ -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;
|
||||||
|
|||||||
Reference in New Issue
Block a user