子修改
This commit is contained in:
+37
-37
@@ -1,29 +1,28 @@
|
|||||||
{
|
{
|
||||||
"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\"/>",
|
||||||
@@ -42,32 +41,33 @@
|
|||||||
]
|
]
|
||||||
},
|
},
|
||||||
/* 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"
|
||||||
}
|
}
|
||||||
|
|||||||
+33
-17
@@ -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,40 +67,44 @@
|
|||||||
</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();
|
||||||
const currentYear = currentDate.getFullYear();
|
const currentYear = currentDate.getFullYear();
|
||||||
return {
|
return {
|
||||||
// 今年
|
// 今年
|
||||||
thisYear:'',
|
thisYear: '',
|
||||||
// 今月
|
// 今月
|
||||||
thisMonth:'',
|
thisMonth: '',
|
||||||
showModal: false,
|
showModal: false,
|
||||||
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();
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
@@ -135,20 +142,21 @@ export default {
|
|||||||
viewDetails() {
|
viewDetails() {
|
||||||
this.$navTo('/pages/attendanceManagement/attendanceManagement');
|
this.$navTo('/pages/attendanceManagement/attendanceManagement');
|
||||||
},
|
},
|
||||||
viewSalaryDetails(){
|
viewSalaryDetails() {
|
||||||
this.$navTo(`/pages/salaryDetails/salaryDetails?year=${this.selectedYear}&month=${this.selectedMonth}`);
|
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 {
|
.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;
|
||||||
@@ -339,5 +355,5 @@ export default {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
Reference in New Issue
Block a user