子修改
This commit is contained in:
+37
-37
@@ -1,29 +1,28 @@
|
||||
{
|
||||
"name": "template",
|
||||
"appid": "__UNI__9F20DF1",
|
||||
"description": "",
|
||||
"versionName": "1.0.0",
|
||||
"versionCode": "100",
|
||||
"transformPx": false,
|
||||
"name" : "template",
|
||||
"appid" : "__UNI__9F20DF1",
|
||||
"description" : "",
|
||||
"versionName" : "1.0.0",
|
||||
"versionCode" : "100",
|
||||
"transformPx" : false,
|
||||
/* 5+App特有相关 */
|
||||
"app-plus": {
|
||||
"usingComponents": true,
|
||||
"nvueStyleCompiler": "uni-app",
|
||||
"compilerVersion": 3,
|
||||
|
||||
"splashscreen": {
|
||||
"alwaysShowBeforeRender": true,
|
||||
"waiting": true,
|
||||
"autoclose": true,
|
||||
"delay": 0
|
||||
"app-plus" : {
|
||||
"usingComponents" : true,
|
||||
"nvueStyleCompiler" : "uni-app",
|
||||
"compilerVersion" : 3,
|
||||
"splashscreen" : {
|
||||
"alwaysShowBeforeRender" : true,
|
||||
"waiting" : true,
|
||||
"autoclose" : true,
|
||||
"delay" : 0
|
||||
},
|
||||
/* 模块配置 */
|
||||
"modules": {},
|
||||
"modules" : {},
|
||||
/* 应用发布信息 */
|
||||
"distribute": {
|
||||
"distribute" : {
|
||||
/* android打包配置 */
|
||||
"android": {
|
||||
"permissions": [
|
||||
"android" : {
|
||||
"permissions" : [
|
||||
"<uses-permission android:name=\"android.permission.CHANGE_NETWORK_STATE\"/>",
|
||||
"<uses-permission android:name=\"android.permission.MOUNT_UNMOUNT_FILESYSTEMS\"/>",
|
||||
"<uses-permission android:name=\"android.permission.VIBRATE\"/>",
|
||||
@@ -42,32 +41,33 @@
|
||||
]
|
||||
},
|
||||
/* ios打包配置 */
|
||||
"ios": {},
|
||||
"ios" : {},
|
||||
/* SDK配置 */
|
||||
"sdkConfigs": {}
|
||||
"sdkConfigs" : {}
|
||||
}
|
||||
},
|
||||
/* 快应用特有相关 */
|
||||
"quickapp": {},
|
||||
"quickapp" : {},
|
||||
/* 小程序特有相关 */
|
||||
"mp-weixin": {
|
||||
"appid": "",
|
||||
"setting": {
|
||||
"urlCheck": false
|
||||
"mp-weixin" : {
|
||||
"appid" : "",
|
||||
"setting" : {
|
||||
"urlCheck" : false
|
||||
},
|
||||
"usingComponents": true
|
||||
"usingComponents" : true
|
||||
},
|
||||
"mp-alipay": {
|
||||
"usingComponents": true
|
||||
"mp-alipay" : {
|
||||
"usingComponents" : true,
|
||||
"appid" : "3898417134"
|
||||
},
|
||||
"mp-baidu": {
|
||||
"usingComponents": true
|
||||
"mp-baidu" : {
|
||||
"usingComponents" : true
|
||||
},
|
||||
"mp-toutiao": {
|
||||
"usingComponents": true
|
||||
"mp-toutiao" : {
|
||||
"usingComponents" : true
|
||||
},
|
||||
"uniStatistics": {
|
||||
"enable": false
|
||||
"uniStatistics" : {
|
||||
"enable" : false
|
||||
},
|
||||
"vueVersion": "2"
|
||||
"vueVersion" : "2"
|
||||
}
|
||||
|
||||
+33
-17
@@ -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,40 +67,44 @@
|
||||
</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 {
|
||||
export default {
|
||||
data() {
|
||||
const currentDate = new Date();
|
||||
const currentYear = currentDate.getFullYear();
|
||||
return {
|
||||
// 今年
|
||||
thisYear:'',
|
||||
thisYear: '',
|
||||
// 今月
|
||||
thisMonth:'',
|
||||
thisMonth: '',
|
||||
showModal: false,
|
||||
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();
|
||||
}
|
||||
},
|
||||
@@ -135,20 +142,21 @@ export default {
|
||||
viewDetails() {
|
||||
this.$navTo('/pages/attendanceManagement/attendanceManagement');
|
||||
},
|
||||
viewSalaryDetails(){
|
||||
viewSalaryDetails() {
|
||||
this.$navTo(`/pages/salaryDetails/salaryDetails?year=${this.selectedYear}&month=${this.selectedMonth}`);
|
||||
},
|
||||
|
||||
}
|
||||
};
|
||||
};
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.home-page {
|
||||
.home-page {
|
||||
overflow: hidden;
|
||||
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;
|
||||
@@ -339,5 +355,5 @@ export default {
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
Reference in New Issue
Block a user